fusionchart for flex 仪表盘组件的缩放

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="0" maxValue="50" code="00ffff" alpha="40"/>
<!-- <color minValue="50" maxValue="85" code="0000ff" alpha="40"/> -->
<!-- <color minValue="85" maxValue="120" code="F70118" alpha="40"/> -->
</colorRange>
<dials>
	<dial id="CPU1" value="65" borderColor="FFFFFF" bgColor="000000,CCCCCC,000000" borderAlpha="0" baseWidth="10"/>
</dials>
<annotations scaleText='1'>
	<annotationGroup xPos="150" yPos="150" showBelow="1">
		<annotation type="circle" xPos="0" yPos="0" radius="125" startAngle="0" endAngle="360" scaleText='1' 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" scaleText='1' fillColor="111111,cccccc" fillPattern="linear" fillAlpha="100,100" fillRatio="50,50" fillAngle="-45"/>
		<annotation type="circle" xPos="0" yPos="0" radius="115" startAngle="0" endAngle="360" scaleText='1' color="666666"/>
	</annotationGroup>
	<annotationGroup xPos='150' yPos='180' showBelowChart='1'>	
		<annotation type='text' label='KNM' fontColor='FFFFFF' fontSize='12' isBold='0' scaleText='1'/>
	</annotationGroup>
</annotations>
</Chart>


其中,需要自定义放缩时,如上XML。用到的几个关键属性:

manageResize="1"  :chart组件支持缩放

 scaleText='1' :字体支持缩放

 scaleImage='1' :图片支持缩放

注意的是,测试得出,要缩放刻度值文本大小,需要annotations 和文本组件同时设置scaleText='1' 


附,fusionchart for flex 官方文档:

点击打开链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值