FusionCharts 仪表盘属性详解与配置
"该文件是关于FusionCharts仪表盘的属性解析,主要涵盖了仪表盘的各种配置参数,包括背景颜色、刻度、圆盘半径、标注、颜色范围以及指针等设置,旨在帮助用户理解并自定义仪表盘的显示效果。" 在FusionCharts的仪表盘中,这些属性是关键组成部分,它们决定了仪表盘的视觉效果和功能: 1. **背景颜色(bgColor)**: 'FFFFFF'表示仪表盘的背景颜色为白色。这可以通过改变颜色代码来定制。 2. **上下限(upperLimit, lowerLimit)**: '120'和'0'分别定义了仪表盘的上限和下限值,此处表示范围从0到120。 3. **主刻度数量(majorTMNumber)**和**颜色(majorTMColor)**: '10'和'666666'代表有10个主要刻度线,颜色为深灰色。 4. **主刻度高度(majorTMHeight)**: '8'定义了主要刻度线的高度。 5. **次要刻度数量(minorTMNumber)**和**颜色(minorTMColor)**: '5'和'666666'表示有5个次要刻度线,颜色同样为深灰色。 6. **次要刻度高度(minorTMHeight)**: '3'设定次要刻度线的高度。 7. **枢轴半径(pivotRadius)**: '10'指定了中心点的半径大小。 8. **是否显示圆盘边框(showGaugeBorder)**: '0'表示不显示圆盘的边界。 9. **圆盘外半径(gaugeOuterRadius)**和**内半径(gaugeInnerRadius)**: '100'和'90'定义了圆盘的内外半径。 10. **圆盘原点坐标(gaugeOriginX, gaugeOriginY)**: '170'和'170'是圆盘中心点的X和Y坐标。 11. **圆盘刻度角度(gaugeScaleAngle)**: '220'代表刻度线的角度。 12. **值显示距离(displayValueDistance)**: '20'是值与圆盘的距离。 13. **值是否放在内部(placeValuesInside)**: '1'表示值将被显示在圆盘内部。 14. **圆盘填充混合(gaugeFillMix, pivotFillMix)**: 这些属性控制圆盘和枢轴的渐变填充效果。 15. **枢轴边框颜色(pivotBorderColor)**和**填充比例(pivotfillRatio)**: 'BEBCB0'是边框颜色,'80,50'是枢轴填充的两个颜色比例。 16. **是否显示阴影(showShadow)**: '0'表示不显示阴影。 17. **颜色范围(colorRange)**: 定义了不同值范围的颜色,如'00FF00'对应0-84的绿色,'FF0000'对应80-100的红色,并可以指定透明度。 18. **指针(dials)**: 'dialvalue='50''表示指针的初始位置,'bordercolor'和'bgColor'定义了指针的边框颜色和填充色,'borderAlpha'和'topWidth'则控制其透明度和宽度。 19. **注解(annotations)**: 允许添加自定义图形或文本注解,如圆形注解,其位置、颜色、填充模式和边框都可以调整。 通过理解和调整这些属性,用户可以根据实际需求创建出各种样式的仪表盘,以直观地展示数据。FusionCharts提供了丰富的自定义选项,使得仪表盘不仅具有实用性,还能呈现出美观的设计效果。
<colorRange>
<color minValue='0' maxValue='84' code='00FF00' alpha='0'/>
<color minValue='80' maxValue='100' name='Danger' code='FF0000' alpha='50'/>
</colorRange>
<dials>
<dial value='50' bordercolor='#FF3333' bgColor='bebcb0, f0efea, bebcb0' borderAlpha='0' baseWidth='10' topWidth='3'/>
</dials>
<annotations>
<annotationGroup xPos='170' yPos='170' fillRatio='10,125,254' fillPattern='radial' >
<!-- Draw the upper White Rounded Border -->
<annotation type='circle' xPos='0' yPos='0' radius='150' borderColor= 'bebcb0' fillAsGradient='1' fillColor='f0efea, bebcb0' fillRatio='85,15'/>
<annotation type='circle' xPos='0' yPos='0' radius='140' fillColor='bebcb0, f0efea' fillRatio='85,15' />
<annotation type='circle' xPos='0' color='FFFFFF' yPos='0' radius='140' borderColor= 'f0efea' />
</annotationGroup>
</annotations>
</Chart>
-------------------------仪表盘重要属性解析-----------------------
根节点<Chart 属性:
upperLimit='120' --刻度值上限
lowerLimit='0' --刻度值下限
Limits='0/1' --是否显示极限值
baseFontColor='#FF3333' --刻度值字体颜色
majorTMNumber='12' --需要将仪表盘分成的等份值
majorTMColor='#FF3333' --刻度线的颜色
majorTMHeight='8' --刻度线的长度
minorTMNumber='5' --仪表盘刻度线间小刻度线的数量
minorTMColor='#FF3333' --仪表盘刻度线间小刻度线颜色
minorTMHeight='5' --仪表盘刻度线间小刻度线长度
下载后可阅读完整内容,剩余3页未读,立即下载
- 粉丝: 0
- 资源: 19
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C++标准程序库:权威指南
- Java解惑:奇数判断误区与改进方法
- C++编程必读:20种设计模式详解与实战
- LM3S8962微控制器数据手册
- 51单片机C语言实战教程:从入门到精通
- Spring3.0权威指南:JavaEE6实战
- Win32多线程程序设计详解
- Lucene2.9.1开发全攻略:从环境配置到索引创建
- 内存虚拟硬盘技术:提升电脑速度的秘密武器
- Java操作数据库:保存与显示图片到数据库及页面
- ISO14001:2004环境管理体系要求详解
- ShopExV4.8二次开发详解
- 企业形象与产品推广一站式网站建设技术方案揭秘
- Shopex二次开发:触发器与控制器重定向技术详解
- FPGA开发实战指南:创新设计与进阶技巧
- ShopExV4.8二次开发入门:解决升级问题与功能扩展