Flash图表控件FusionCharts如何高亮显示数据
2024-08-31 11:58:22
使用Flash图表控件FusionCharts时,通过改变alpha值是高亮显示数据的最简单方式。
XML代码如下:
<chart> <set label='John' value='420' /> <set label='Mary' value='295'> <set label='Tom' value='523' /> </chart>
在这里,已经设置了第二列的alpha值为50(范围是0 - 100)。查看这张图的时候,你会发现列是半透明的。
使用虚线边界高亮数据集
用户也可以通过设置它的边界为虚线高亮显示数据集。参考下面的XML代码:
<chart> <set label='John' value='420' /> <set label='Mary' value='295' /> <set label='Tom' value='523' /> </chart>
通过在一个线/区域图内使用单个锚属性高亮数据集
FusionCharts允许用户设置单独<set>水平锚属性。参考下面的XML代码:
<chart showValues='0'> <set label='John' value='420' /> <set label='Mary' value='295' /> <set label='Tom' value='523' anchorRadius='6' anchorSides='4' anchorBorderColor='0372AB' anchorBgColor='E1f5ff' /> <set label='Hary' value='323' /> </chart>
以上XML将会输出如下折现图:
可以在图片中清楚地看到高亮显示的锚点
在一个多系列图中通过使用单个颜色属性来高亮单个数据
FusionCharts允许用户在一个多系列图中指定<set> 水平颜色。参考下面的XML:
<chart> <categories> <category label="Product A" /> <category label="Product B" /> </categories> <dataset SeriesName="2005"> <set value="324" /> <set value="457" /> </dataset> <dataset SeriesName="2006"> <set value="456" /> <set value="787" color='FF5904' /> </dataset> <dataset SeriesName="2007"> <set value="557" /> <set value="767" /> </dataset> </chart>
最新文章
- 浅谈DrawerLayout(抽屉效果)
- Implementation Model Editor of AVEVA in OpenSceneGraph
- Java系列笔记(3) - Java 内存区域和GC机制
- 使用git提交本地代码到github
- jquery------.mouseover()和.mouseout()的高级效果使用
- 【CEDEC&#160;2015】【夏日课堂】制作事宜技术篇,新手职员挑战VR Demo开发的真相
- LeetCode Dungeon Game
- JavaScript代码优化(下载时间和执行速度优化)
- C++:静态成员
- 【Zookeeper学习】Apache Zookeeper项目简介
- Android 弹出窗体
- paip.提升用户体验---c++ qt自定义窗体(1)---标题栏的绘制
- pyqt5 在qt designer后以弹窗的方式连接多个UI图形界面
- 构建企业级Nginx+Keepalived集群架构
- MySQL 笔记整理(19) --为什么我只查一行的语句,也执行这么慢?
- Heacher互助平台需求分析
- mininet安装过程记录
- JAVA—枚举(Enum)学习总结
- https与http的区别
- [转帖]IBM POWER系列处理器的前世今生