根据用户选择更改highcharts轴值

Question

我是High图表的新宠，并根据用户选择坚持轴值的格式化。请参阅以下方案;

日期＆amp;用户选择时间

http://prntscr.com/8i0g39

在图像中，用户选择用于绘制图形的值范围。输出如下;

基于用户选择的图表

http://prntscr.com/8i0gg8

此时数据正确拉出，所有信息都正确。除以下内容外;

1. 在X轴（当天的小时）中，时间显示为00:15至05:00而不是10:00至15:00（用户选择）。

   • 如何根据用户选择更改轴值？
   • 如何以（HH：00）格式格式化X轴值并且间隔为1小时？

谢谢。

此致 Shenulal

Answer 1

如果您的时间被正确提取但标签显示错误，那么它可能会显示UTC日期。使用utc false如下所示

Highcharts.setOptions({
global: {
    useUTC: false
}
});

在xAxis标签中使用formatter functionn来获得所需的time.TickInterval格式，设置为一小时以显示每小时数据。

     xAxis :{
  tickInterval: 3600 * 1000   //equals to one hour
   type:'dateTime',
   labels: {
                        formatter: function() {
                        return Highcharts.dateFormat(''%H:%M', this.value);

                    }
  }