Highcharts 股票圖表 - 自定義 X 軸日期時間格式

Question

我想知道是否可以為庫存 highcharts 中的 xAxis 定義自定義排序或格式。我的數據集有一個將用於 xAxis 的日期時間，但是我的客戶指定它應該顯示在中間的 T-0 上x 軸。 其中 Rest 從左側開始應該是 -3m -2m -1m，從右側開始是 +1m +2m +3m（如果是年時間范圍）。

1 年時間范圍的示例

我嘗試在 xAxis 標簽上使用格式化程序 function。 但是我不知道如何先獲得中間的刻度，然后開始從中間的 position 刻度開始向左和向右移動標簽。

Answer 1

如果標簽的格式、數量和間隔為 static，則可以使用圖表外部的變量。

例如：

const labels = [];
let labelIndex = 0;

for (let i = -6; i < 7; i++) {
  labels.push(i);
}

Highcharts.stockChart('container', {
  xAxis: {
    ...,
    labels: {
      formatter: function() {
        labelIndex++;
        if (this.isFirst) {
          labelIndex = 0;
        }
        const label = labels[labelIndex];

        if (label < 0) {
          return label + 'm';
        } else if (label === 0) {
          return 'T-' + label;
        }

        return '+' + label + 'm';
      }
    }
  },
  ...
});

---

現場演示： http://jsfiddle.net/BlackLabel/L7uy29kw/

API 參考： https://api.highcharts.com/highstock/xAxis