DataLabel 格式化程序在列范围条上多次显示标签

Question

我想在柱形范围高图上的平均值上显示“X”。如果相反的是“真”，我的逻辑就很好。但是，如果为假，则会在栏上显示两次“X”。 这是链接：

https://jsfiddle.net/px8jz2gw/71/

         "dataLabels": {
                "enabled": true,
                "align": "center",
                formatter: function () {
                                return 'X';
                },
                "style": {
                    "fontSize": "12px",
                    "color": "black"
                }
            },

将图表的“inverted”属性更改为true，它将正常工作并仅显示“X”一次，否则它会在柱上显示两个“X”。 应该是什么解决方案，我已经在这上面花了很多时间了。

注意：也许它与数据标签格式化程序有关，因为我在那里打印了控制台，并且不是运行 3 次，而是在 jsfiddle 中运行了 6 次，在我真正的角度应用程序中运行了 18 次。

请帮我解决这个问题。 谢谢

Answer 1

您可以使用格式化程序功能轻松控制哪些点显示数据标签。在您的情况下（例如），您只能显示 y 值未定义的点的数据标签。这将确保每个 x 值有一个 dataLabel。 看看：

formatter: function() {
  if (this.y !== undefined)
    return 'X';
},

API参考：https://api.highcharts.com/highcharts/series.columnrange.dataLabels.formatter

演示：https://jsfiddle.net/BlackLabel/2mr64bec/