asp.net - 角度ゲージフュージョンウィジェットの幅と高さを減らす方法

Question

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

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

Answer 1

ゲージは、幅 300、高さ 300 に基づくピクセル値を使用して配置されるさまざまな要素を使用して構築されます。ゲージの自動スケール機能を使用して、これらの要素を自動的にスケーリングできます。

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

注: 幅と高さの元の比率 (この場合は 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>

Auto Scale の詳細については、http ://www.fusioncharts.com/widgets/docs/Contents/Ang_Origins.html を参照してください。