如何使数组格式在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

我知道从本文看可能不太明显，但所描述的方法仅涉及accessibility。 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