Highcharts没有在点之间绘制线条

4

编辑:问题在于时间间隔不一致。在本帖和这篇帖子之间,可以相当容易地解决它。

我正在使用highcharts绘制图表,初始点由highcharts代码提供,然后其余点通过ajax获取。

初始点完美地绘制出来,前几个获取的点也正常工作,但是每隔几分钟,点就会停止在图表上连接,然后它会自我修正,再次出现问题。

有人知道是什么原因导致的吗?


1
那就是问题所在。我真的不知道是什么原因导致的,所以我不知道该从哪里入手。我认为不规则间隔可能是原因之一,但有时它也可以使用不规则间隔正常工作,所以我并不确定。 - ethangk
我在你的图片中没有看到任何连接点。你的数据系列是什么样子的?你的HighCharts代码是什么?你是如何获取数据的? - wergeld
这是完整的图表代码,获取的值格式为: 时间 值 值 值 新值每5秒推送到数据库中,并且这也是setinterval间隔。我认为发生的情况是,偶尔js尝试获取一个值,期望第4个值但收到第5个值,因此出现了不规则的间隔。 - ethangk
这是一个包含初始值的pastebin链接,我无法让我的代码在jsFiddle上运行。 - ethangk
1
你能在这里发布代码吗?即使是一个不工作的jsFiddle也可以。并非所有人(像我这样的人)的代理服务器都允许他们连接到pastebin。 - Jugal Thakkar
显示剩余3条评论
3个回答

4

我曾经遇到同样的问题。我的问题是空值(不是零,而是不存在值的情况)为空字符串("")。将这些值更改为 null,神奇地为我解决了问题。


我也有NaN,它也不喜欢。对于null的更改也是一样。 - Marc

3

您需要确保使用的是null而不是空字符串等,同时还需要确保已在plotOptions中启用了connectNulls,具体如下:

plotOptions: {
    series: {
        connectNulls: true
    }
}

请查看JS FIDDLE

好的回答,谢谢!我只在对数类型中遇到这个问题。线性似乎连接正常?奇怪。 - Midiman

0

我遇到了类似的问题,我注意到我的一些“空”值是undefined,而另一些则是null值。 我将它们全部改为null,问题得到了解决。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接