1

Question

我使用highcharts.js将3个图表合二为一，并使用pointStart函数动态选取xaxis数据，以便x轴上出现14个日期（我的后端数据中有14天）

但是，当我按小时选择数据时，总共14 * 24个数据点以日期的形式显示在xaxis上，并且它非常混乱，并且xaxis上显示了14 * 24个日期。

我只想要与每日数据中的14个日期相同的表示，即使图表中显示的度量值有14 * 24个条形。

即使按小时格式，我也只想在x轴上显示14天。

系列部分中的当前代码如下：

    pointStart:Date.UTC(new Date(processed_json[0][0]).getYear(),new Date(processed_json[0][0]).getMonth(),new Date(processed_json[0][0]).getDate()),
tickInterval : 24 * 3600 * 1000 ,
pointInterval: 24 * 3600 * 1000 // one day

这是该代码的结果：

http://tinypic.com/r/2s0ba4k/8

但是在每小时一级，会出现14 * 24个小节，每个都会有一个xaxis标签。但我只想要14个标签。

我试过了：

1

labels : {
    step : 24
    }

但是这并不像现在那样工作，它显示14-15个日期，但它们分布在所有条形图上，即第一个日期是28个月，然后下一个日期是22个月，并且不断向所有日期添加24个日期。 / p>

但我希望第一次约会时间为28日，第二次约会时间为29日，等等。

我想了解更多解决此问题的方法。欢迎提出所有建议。

Answer 1

如果条形之间的范围不同（例如1小时或1天），则应更改pointInterval值的相同方式。所以：

有一天：pointInterval: 24 * 3600 * 1000
一小时：pointInterval: 3600 * 1000

它是两点之间的间隔，所以你需要告诉Highcharts什么是正确的，如果你总是设置为1day，那么Highcharts将设置为1day。

Highcharts xaxis datetime问题

1

1 个答案: