彩票走势图

JS图表控件FusionCharts使用教程:在图表标绘非连续数据

原创|使用教程|编辑:郝浩|2013-08-19 14:36:32.000|阅读 857 次

概述:你可能经常要以不完整的数据点绘制图表。例如,当绘制每月的销售图表时,你可能没有所有的月数据。所以,你可能只想以一个空白的区域来显示缺失的数据,不在这个区域中绘制任何东西。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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

》》》免费下载Flash图表控件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月的数据。所以,我们不提供任何相应的数据值。如下图所示:

Flash图表控件FusionCharts使用教程:在图表标绘非连续数据

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

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

Flash图表控件FusionCharts使用教程:在图表标绘非连续数据

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

<set/>

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

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

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

Flash图表控件FusionCharts使用教程:在图表标绘非连续数据

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

图表的完整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'>

改为

<chart  showValues='0'  connectNullData='1'  lineDashGap='6'>

即可。

将生成以下图表:

Flash图表控件FusionCharts使用教程:在图表标绘非连续数据


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP