2016 - 2025

感恩一路有你

使用FusionCharts标绘非连续数据

浏览量:4571 时间:2024-06-12 10:30:06 作者:采采

当你需要绘制图表时,有时可能会遇到缺少某些数据点的情况。例如,在绘制每月销售图表时,可能会缺少某几个月的数据。因此,你可能希望在缺失数据的区域显示一个空白区域,而不在该区域中绘制任何内容。FusionCharts可以轻松实现这一目标。

隐藏缺失数据块

用户可以通过在相应lt;setgt;元素中不提供任何值来隐藏任意数量的数据块。具体操作可参考以下XML代码:

lt;chartgt;
    lt;set label'Jan' value'420'/gt;
    lt;set label'Feb' value'295'/gt;
    lt;set label'Mar' value'523'/gt;
    lt;set label'Apr' value'473'/gt;
    lt;set label'May'/gt;
    lt;set label'Jun'/gt;
    lt;set label'Jul' value'354'/gt;
    lt;set label'Aug' value'457'/gt;
    lt;set label'Sep' value'127'/gt;
    lt;set label'Oct' value'354'/gt;
    lt;set label'Nov' value'485'/gt;
    lt;set label'Dec' value'486'/gt;
lt;/chartgt;

在上述示例中,我们缺少了五月和六月的数据。所以,我们没有为相应的数据值提供任何值。如下图所示:

可以看到,在该图表中没有五月和六月的列。如果对折线图运行相同的数据,用户将得到以下输出效果:

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

lt;set/gt;

连接空集数据

在上面的折线图中,五月和六月的位置显示为断开。如果用户不想显示这种断开,并希望从四月直接连接到七月,可以使用新引入的connectNullData属性。只需设置lt;chart connectNullData'1'gt;,图表将如下所示:

lt;chart showValues'0' connectNullData'1'gt;
    lt;set label'Jan' value'420'/gt;
    lt;set label'Feb' value'295'/gt;
    lt;set label'Mar' value'523'/gt;
    lt;set label'Apr' value'473'/gt;
    lt;set label'May'/gt;
    lt;set label'Jun'/gt;
    lt;set label'Jul' value'354'/gt;
    lt;set label'Aug' value'457'/gt;
    lt;set label'Sep' value'127'/gt;
    lt;set label'Oct' value'354'/gt;
    lt;set label'Nov' value'485'/gt;
    lt;set label'Dec' value'486'/gt;
lt;/chartgt;

或者,如果用户想突出显示这个断开的连接部分,可以使用lineDashGap属性,如下所示:

lt;chart showValues'0' connectNullData'1' lineDashGap'6'gt;
    lt;set label'Jan' value'420'/gt;
    lt;set label'Feb' value'295'/gt;
    lt;set label'Mar' value'523'/gt;
    lt;set label'Apr' value'473'/gt;
    lt;set label'May'/gt;
    lt;set label'Jun'/gt;
    lt;set label'Jul' value'354'/gt;
    lt;set label'Aug' value'457'/gt;
    lt;set label'Sep' value'127'/gt;
    lt;set label'Oct' value'354'/gt;
    lt;set label'Nov' value'485'/gt;
    lt;set label'Dec' value'486'/gt;
lt;/chartgt;

以上是使用FusionCharts标绘非连续数据的方法。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。