Как заставить формат массива функционировать на метках оси x?

Question

Я нашел эту статью: https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting. Это говорит о том, что я могу перебирать массив, используя функцию #each(). Я пытался использовать это, но это не работает. Ниже приведен пример того, что я пытаюсь сделать:

                    "format": " '{#each(years)}",
                    "style": {
                        "fontSize": "12px",
                        "lineHeight": "16px",
                        "color": "#333333",
                        "fontFamily": "roboto",
                        "fontWeight": "normal",
                        "textShadow": false
                    },
                    "enabled": true,
                    "overflow": "allow",
                    "padding": 5
                },

var years = ["20", "21", "22", "23", "24"];

Answer 1

Я знаю, что это может быть неочевидно из этой статьи, но описанные методы касаются только доступности . https://www.highcharts.com/docs/accessibility/accessibility-module

Не влияет на визуальный вывод диаграммы.

Вместо этого используйте функцию обратного вызова форматера:

Демонстрация: https://jsfiddle.net/BlackLabel/qbrftahc/

dataLabels: {
    enabled: true,
  formatter() {
    return years[this.x]
  }
}

API: https://api.highcharts.com/highcharts/series.line.dataLabels.formatter