你可能经常要以不完整的数据点绘制图表。例如,当绘制每月的销售图表时,你可能没有所有的月数据。所以,你可能只想以一个空白的区域来显示缺失的数据,不在这个区域中绘制任何东西。FusionCharts可以让这个目标很容易的实现。
用户可以通过不提供任何值到需要隐藏的相应<set>元素来隐藏任意数量的数据块。
具体操作参考下面的XML代码:
<chart > <set label='Jan' value='420' /> <set label='Feb' value='295' /> <set label='Mar' value='523' /> <set label='Apr' value='473' /> <set label='May' /> <set label='Jun' /> <set label='Jul' value='354' /> <set label='Aug' value='457' /> <set label='Sep' value='127' /> <set label='Oct' value='354' /> <set label='Nov' value='485' /> <set label='Dec' value='486' /> </chart>
在这里,我们没有5月和6月的数据。所以,我们不提供任何相应的数据值。如下图所示:
可以看到在这张图表中没有5月和6月的列。
如果对一个折线图运行相同的数据,用户将看到以下输出效果:
折线图在5月和6月的位置处是一个断开,因为没有对同一个区域赋值。如果用户连缺失数据的数据标签都没有,可以编写缺失数据的空集元素如下:
<set/>
如何在图表中连接空集数据
在上面的折线图中,在5月和6月的地方显示的是一个断开。如果用户不想显示5月和6月的这个断开,希望从4月直接连接到7月,那么可以使用新引入的connectNullData属性。
你只需要设置<chart ... connectNullData='1' ..> ,图表将如下所示:
这个属性对所有的线和面积图都是有效的。
图表的完整XML数据再次重现:
<chart showValues='0' connectNullData='1'> <set label='Jan' value='420' /> <set label='Feb' value='295' /> <set label='Mar' value='523' /> <set label='Apr' value='473' /> <set label='May' /> <set label='Jun' /> <set label='Jul' value='354' /> <set label='Aug' value='457' /> <set label='Sep' value='127' /> <set label='Oct' value='354' /> <set label='Nov' value='485' /> <set label='Dec' value='486' /> </chart>
或者,如果用户想在连接的时候突出下这个断开,您可以使用虚线特性,如下所示:
<chart showValues='0' connectNullData='1' lineDashGap='6'> <set label='Jan' value='420' /> <set label='Feb' value='295' /> <set label='Mar' value='523' /> <set label='Apr' value='473' /> <set label='May' /> <set label='Jun' /> <set label='Jul' value='354' /> <set label='Aug' value='457' /> <set label='Sep' value='127' /> <set label='Oct' value='354' /> <set label='Nov' value='485' /> <set label='Dec' value='486' /> </chart>
将生成以下图表:
相关推荐
内容包括 FusionCharts破解去连接版,FusionCharts 3.1 破解版,FusionCharts配置文件,FusionChartsFree中文开发指南电子书,以及如何消除中文乱码的方法文章。内容很全。
利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示
FusionCharts图表控件FusionCharts图表控件FusionCharts图表控件FusionCharts图表控件
FusionCharts图表控件ABC入门.ppt 用大量图表展示FusionCharts的强大功能
fusioncharts asp.net 图表 控件示例
FusionCharts图表控件中文版使用手册。构成fusionCharts的三要素:swf、data.xml、承载图表的载体
FusionCharts Free(图表flash控件)很好用,有教程和dll.
js实现图表-FusionCharts 这里支持C#,vb.net,php,jsp等开发语言,做报表是不错的选择
非常绚的flash图表,支持java,.net,php等
FusionCharts图形控件在JSP下生成各种图表
FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adobe Flash 8 (原Macromedia Flash的)制作的flash , FusionCharts可用于任何网页的脚本语言类似于HTML , .NET,ASP , JSP...
FusionCharts图表控件中文版使用手册
同事写的FusionCharts图表控件中文版使用手册.doc 对于初学都比较适用。
FusionCharts很炫的swf图表控件,很好用
用过很多图表插件,FusionCharts是到目前为止最好用的一款。 可以参看官网http://www.fusioncharts.com/
FusionCharts free 是一个跨平台,跨浏览器的flash图表组件解决方案,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。你不需要知道任何关于flash编程的知识,你只需要知道...
FusionCharts是如何在网页呈现图表
Android上,使用FusionCharts进行图表控件封装 http://blog.csdn.net/drlyee/article/details/25240407文章的资源