当前位置：文江博客话题详情

如何减少角度规融合小部件的宽度和高度

发布于 2024-12-11 09:37:56 字数 231 浏览 0 评论 0原文

您好，我正在使用以下示例来构造角度规融合小部件，但我没有找到减少小部件高度和宽度的选项。我可以知道他们有任何调整角度小部件大小的选项吗？

http://www.fusioncharts.com/widgets/Gallery/Angular15.html

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鹿! 2024-12-18 09:37:56

该仪表是使用各种元素构建的，这些元素使用基于宽度 300 和高度 300 的像素值放置。您可以使用仪表的自动缩放功能使这些元素自动缩放。

请在和元素之前使用 origW='300' origH='300' autoScale='1'您尝试减小仪表的宽度和高度。

注意：您应该始终使用原始的宽度和高度比例（即 300:300，即本例中的 1:1）来增加或减少仪表的尺寸，

因此，使用自动缩放，您可以安全地使用 200x200px 或 400x400px。

<chart origW='300' origH='300' autoScale='1' bgColor='FFFFFF' upperLimit='100' lowerLimit='0' baseFontColor='FFFFFF' majorTMNumber='11' majorTMColor='FFFFFF'  majorTMHeight='8' minorTMNumber='5' minorTMColor='FFFFFF' minorTMHeight='3' toolTipBorderColor='FFFFFF' toolTipBgColor='333333' gaugeOuterRadius='100' gaugeOriginX='150' gaugeOriginY='150' gaugeScaleAngle='270' placeValuesInside='1' gaugeInnerRadius='80%25' annRenderDelay='0' gaugeFillMix='' pivotRadius='10' showPivotBorder='0' pivotFillMix='{CCCCCC},{333333}' pivotFillRatio='50,50' showShadow='0' >
<colorRange>    

    <color minValue='0' maxValue='50' code='C1E1C1' alpha='40'/>    

    <color minValue='50' maxValue='85' code='F6F164' alpha='40'/>

    <color minValue='85' maxValue='120' code='F70118' alpha='40'/>

</colorRange> 

<dials>     

    <dial value='65' borderColor='FFFFFF' bgColor='000000,CCCCCC,000000' borderAlpha='0' baseWidth='10'/>

</dials>    

<annotations origW='300' origH='300' autoScale='1'>

    <annotationGroup xPos='150' yPos='150' showBelow='1'>       

        <annotation type='circle' xPos='0' yPos='0' radius='145' startAngle='0' endAngle='360' fillColor='CCCCCC,111111'  fillPattern='linear' fillAlpha='100,100'  fillRatio='50,50' fillAngle='-45'/>

        <annotation type='circle' xPos='0' yPos='0' radius='120' startAngle='0' endAngle='360' fillColor='111111,cccccc'  fillPattern='linear' fillAlpha='100,100'  fillRatio='50,50' fillAngle='-45'/>

        <annotation type='circle' xPos='0' yPos='0' radius='110' startAngle='0' endAngle='360' color='666666'/>

    </annotationGroup>

</annotations>
</chart>

有关自动缩放的更多信息，请阅读：http://www.fusioncharts.com/ widgets/docs/Contents/Ang_Origins.html

The gauge is built using various elements which are placed using pixel values based on the width of 300 and height of 300. You can make these elements scale automatically using the Auto Scale feature of the gauge.

Please use origW='300' origH='300' autoScale='1' in <chart> and <annotations> element before you try to decrease the width and height of the gauge.

NOTE: You should always increase or decrease the size of the gauge using the original ratio of width and height (which is 300:300 i.e., 1:1 in this case)

So, using the auto scale you can safely use 200x200px or 400x400px.

<chart origW='300' origH='300' autoScale='1' bgColor='FFFFFF' upperLimit='100' lowerLimit='0' baseFontColor='FFFFFF' majorTMNumber='11' majorTMColor='FFFFFF'  majorTMHeight='8' minorTMNumber='5' minorTMColor='FFFFFF' minorTMHeight='3' toolTipBorderColor='FFFFFF' toolTipBgColor='333333' gaugeOuterRadius='100' gaugeOriginX='150' gaugeOriginY='150' gaugeScaleAngle='270' placeValuesInside='1' gaugeInnerRadius='80%25' annRenderDelay='0' gaugeFillMix='' pivotRadius='10' showPivotBorder='0' pivotFillMix='{CCCCCC},{333333}' pivotFillRatio='50,50' showShadow='0' >
<colorRange>    

    <color minValue='0' maxValue='50' code='C1E1C1' alpha='40'/>    

    <color minValue='50' maxValue='85' code='F6F164' alpha='40'/>

    <color minValue='85' maxValue='120' code='F70118' alpha='40'/>

</colorRange> 

<dials>     

    <dial value='65' borderColor='FFFFFF' bgColor='000000,CCCCCC,000000' borderAlpha='0' baseWidth='10'/>

</dials>    

<annotations origW='300' origH='300' autoScale='1'>

    <annotationGroup xPos='150' yPos='150' showBelow='1'>       

        <annotation type='circle' xPos='0' yPos='0' radius='145' startAngle='0' endAngle='360' fillColor='CCCCCC,111111'  fillPattern='linear' fillAlpha='100,100'  fillRatio='50,50' fillAngle='-45'/>

        <annotation type='circle' xPos='0' yPos='0' radius='120' startAngle='0' endAngle='360' fillColor='111111,cccccc'  fillPattern='linear' fillAlpha='100,100'  fillRatio='50,50' fillAngle='-45'/>

        <annotation type='circle' xPos='0' yPos='0' radius='110' startAngle='0' endAngle='360' color='666666'/>

    </annotationGroup>

</annotations>
</chart>

For more information on Auto Scale please read : http://www.fusioncharts.com/widgets/docs/Contents/Ang_Origins.html

回复收藏 0 原文

~没有更多了~