根据“用户选择”更改高图轴值

Question

我是High图表的新手，一直坚持基于用户选择的轴值格式。请参见以下场景;

日期,用户选择时间

http://prntscr.com/8i0g39

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

基于用户选择的图

http://prntscr.com/8i0gg8

在这种情况下，数据正确提取，所有信息正确。

1. 在x轴(一天的小时)中，时间显示从00:15到05:00，而不是10:00到15:00(用户选择)。

   • 如何根据用户选择改变轴的值?
   • 如何设置x轴值为(HH:00)格式，点间隔为1小时?

谢谢。

问候,Shenulal

Answer 1

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

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

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

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