你可能经常要以不完整的数据点绘制图表。例如,当绘制每月的销售图表时,你可能没有所有的月数据。所以,你可能只想以一个空白的区域来显示缺失的数据，不在这个区域中绘制任何东西。FusionCharts可以让这个目标很容易的实现。

用户可以通过不提供任何值到需要隐藏的相应<set>元素来隐藏任意数量的数据块。

具体操作参考下面的XML代码:

  1. <chart >
  2. <set label='Jan' value='420' />
  3. <set label='Feb' value='295' />
  4. <set label='Mar' value='523' />
  5. <set label='Apr' value='473' />
  6. <set label='May' />
  7. <set label='Jun' />
  8. <set label='Jul' value='354' />
  9. <set label='Aug' value='457' />
  10. <set label='Sep' value='127' />
  11. <set label='Oct' value='354' />
  12. <set label='Nov' value='485' />
  13. <set label='Dec' value='486' />
  14. </chart>

在这里,我们没有5月和6月的数据。所以,我们不提供任何相应的数据值。如下图所示:


可以看到在这张图表中没有5月和6月的列。

如果对一个折线图运行相同的数据,用户将看到以下输出效果:

折线图在5月和6月的位置处是一个断开,因为没有对同一个区域赋值。如果用户连缺失数据的数据标签都没有，可以编写缺失数据的空集元素如下:

  1. <set/>

如何在图表中连接空集数据

在上面的折线图中,在5月和6月的地方显示的是一个断开。如果用户不想显示5月和6月的这个断开,希望从4月直接连接到7月,那么可以使用新引入的connectNullData属性。

你只需要设置<chart ... connectNullData='1' ..> ，图表将如下所示:

这个属性对所有的线和面积图都是有效的。

图表的完整XML数据再次重现:

  1. <chart showValues='0' connectNullData='1'>
  2. <set label='Jan' value='420' />
  3. <set label='Feb' value='295' />
  4. <set label='Mar' value='523' />
  5. <set label='Apr' value='473' />
  6. <set label='May' />
  7. <set label='Jun' />
  8. <set label='Jul' value='354' />
  9. <set label='Aug' value='457' />
  10. <set label='Sep' value='127' />
  11. <set label='Oct' value='354' />
  12. <set label='Nov' value='485' />
  13. <set label='Dec' value='486' />
  14. </chart>

或者,如果用户想在连接的时候突出下这个断开,您可以使用虚线特性，如下所示:

  1. <chart showValues='0' connectNullData='1' lineDashGap='6'>
  2. <set label='Jan' value='420' />
  3. <set label='Feb' value='295' />
  4. <set label='Mar' value='523' />
  5. <set label='Apr' value='473' />
  6. <set label='May' />
  7. <set label='Jun' />
  8. <set label='Jul' value='354' />
  9. <set label='Aug' value='457' />
  10. <set label='Sep' value='127' />
  11. <set label='Oct' value='354' />
  12. <set label='Nov' value='485' />
  13. <set label='Dec' value='486' />
  14. </chart>

将生成以下图表：

最新文章

  1. DataTable转List&lt;dynamic&gt;
  2. linux下的库冲突问题
  3. 【BZOJ】1105: [POI2007]石头花园SKA
  4. 【iCore3 双核心板】例程九：ADC实验——电源监控
  5. ACM中的浮点数精度处理
  6. 学习OpenCV——OpenMP
  7. CSUFT 1005 Coffin Tiles
  8. 神奇的NOIP模拟赛 T3 LGTB 玩THD
  9. ti processor sdk linux am335x evm setup.sh hacking
  10. [原]Java面试题-将字符串中数字提取出来排序后输出
  11. （一）问候Hibernate4
  12. RGB Bayer Color分析
  13. CoreAnimation6-基于定时器的动画和性能调优
  14. 动态加载Layout 与 论Activity、 Window、View的关系
  15. UVA 116 Unidirectional TSP 经典dp题
  16. 学习笔记 一步步了解webpack
  17. SQL常用命令
  18. 微信小程序支付
  19. 使用ifstream和getline读取文件内容[c++]
  20. synchronized修饰static方法与非static方法的区别

热门文章

  1. 【转】8张图理解Java
  2. asp.net中Respons.Write()的用法
  3. 几个关于wcf、rest服务的好帖子
  4. Perl 模块 Getopt::Std 和 Getopt::Long
  5. PHP注释有意思的排列
  6. kafka模拟客户端发送、接受消息
  7. PLSQL_性能优化系列14_Oracle High Water Level高水位分析
  8. PLSQL_Oracle Table Lock表级锁的处理（案例）
  9. nginx优化配置
  10. contentprovider提供程序间共享数据的统一接口