jquery - Highcharts : show time with 30 second interval

Question

我有一个每秒更新的 Highcharts 。 x 轴的数据也是其次的10:30:00 10:30:01 10:30:02 .....

但我只需要显示 10:30:00 10:30:30 10:31:00 ，但绘制所有点。即以 30 秒的间隔显示 x 轴，但绘制所有点。

我已经给出了我的图形代码。 <强> HERE .

这里它不会更新，因为我已经注释了从我的 aspx 页面调用数据的代码。

return "{" + string.Join(",", listData) + "}";

这就是我从 aspx 页面发送数据的方式。看起来像 { “12:30:10”: 100, “12:30:11”: 200, “12:30:12”: 40, “12:30:13”: 40, “12:30:14”: 50 , "12:30:15": 0, "12:30:16": 0, "12:30:17": 0 }

谁能帮我做这个吗？

Answer 1

向 x 轴添加 tickInterval 选项:

xAxis: {
    categories: c,                     
    tickInterval:30
}

查看更新fiddle在这里。