角度ゲージ融合ウィジェットの幅と高さを小さくする方法

Question

こんにちは私は角度ゲージ融合ウィジェットを作成するために次の例を使用していますが、ウィジェットの高さと幅を減らすオプションが見つかりません。角度ウィジェットのサイズを変更するオプションです。

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

Answer 1

ゲージは、ユーザーがこれらの要素が自動的にゲージのオートスケール機能を使用して拡張することができ300及び300の高さの幅に基づいて、画素値を用いて配置されている様々な要素を使用して構築されます。

ゲージの幅と高さを小さくする前に、origW='300' origH='300' autoScale='1'を<chart>と<annotations>の要素で使用してください。

注：自動スケールを使用して、だから、（この場合は1 300：300つまり、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