Question

我有一个每秒更新的高图。并且x轴上的数据也是第二明智的 10:30:00 10:30:01 10:30:02 .....

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

我已经给出了我的图表代码。的 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

将tickInterval选项添加到x轴：

xAxis: {
    categories: c,                     
    tickInterval:30
}

请在此处查看更新的fiddle。

Answer 2

最有效的方法是跳过类别，并使用日期时间x轴类型。

然后，您可以将tickinterval设置为您想要的毫秒数（即，30秒，它将为30,000）

你必须将tickinterval设置为一个没有意义的值的原因是你使用的是类别，所以tickInterval为30意味着每30个类别只显示一个勾号...

类似的东西：

$.each(data, function (i, e) {
  var ddate = new Date(i);
  var dtime = ddate.getTime();
  var dpoint = [dtime, parseInt(e)];
  seriesData.push(dpoint);
});

http://jsfiddle.net/jlbriggs/p109zbrd/

Highcharts：以30秒的间隔显示时间

2 个答案: