首页 > 代码库 > fusionchart for flex 仪表盘组件的缩放

fusionchart for flex 仪表盘组件的缩放

2024-07-04 03:10:27   222人阅读

fusionchart 仪表盘组件的使用，采用的是读取xml的方式生成仪表盘，如下

<components:FusionWidgets width="100%" height="100%" FCChartType="AngularGauge" FCDataURL="resource/gauge/dataOfSingleMeterGauge.xml"/>

dataOfSingleMeterGauge.xml


<?xml version="1.0" encoding="gbk"?>
<Chart  manageResize="1" origW="300" origH="300" bgColor="FFFFFF" upperLimit="200" 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"  gaugeStartAngle="225" gaugeEndAngle="-45" placeValuesInside="1" gaugeInnerRadius="95" 
 annRenderDelay="0" gaugeFillMix="" pivotRadius="10" showPivotBorder="0" pivotFillMix="{CCCCCC},{333333}" pivotFillRatio="50,50" showShadow="0" 
 dataStreamURL=‘http://localhost:8080/test/servlet/TestGauge‘ refreshInterval=‘5‘>
<colorRange>
<color minValue=http://www.mamicode.com/"0" maxValue="50" code="00ffff" alpha="40"/>>

其中，需要自定义放缩时，如上XML。用到的几个关键属性：
manageResize="1"  :chart组件支持缩放
 scaleText=‘1‘ ：字体支持缩放
 scaleImage=‘1‘ ：图片支持缩放
注意的是，测试得出，要缩放刻度值文本大小，需要annotations 和文本组件同时设置scaleText=‘1‘ 

附，fusionchart for flex 官方文档：
点击打开链接


联系
我们