高图-尝试在半小时内开始x轴刻度线

Question

我正在尝试在日期时间轴上显示一系列数据，这些数据的小时增量从8:30 am开始。但是，我无法从“ 8:30”开始获得第一个刻度和标签，它始终从“ 9:00”开始。我尝试使用tickInterval，但没有任何区别。

Highcharts.chart('container', {

  xAxis: {
    type: 'datetime',
    tickInterval: 3600 * 1000
  },

  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    pointStart: Date.UTC(2010, 0, 1, 8, 30),
    pointInterval: 3600 * 1000 // one hour
  }]
});

这是小提琴： http://jsfiddle.net/jdorsey/t6yzc4xs/2

Answer 1

您可以使用xAxis.tickPositioner（API）函数返回特定位置的数组。

例如（JSFiddle）：

xAxis: {
    type: 'datetime',
    tickInterval: 3600 * 1000,
    tickPositioner: function() {
        return this.tickPositions.map(x => x -= 1800 * 1000);
    },
    labels: {
        format: '{value:%H:%M}'
    }
}

请注意，为此必须提供标签格式（API），因为使用定位器会删除默认格式。