css - HighCharts:如何格式化特定标签列？

Question

我需要在 Highcharts 条形图中显示标签值。它可以使用 dataLabels.Formatter 函数来实现。

但是，当条形图的大小可调整时，标签会显示在条形图内部并且看起来不错。在某些情况下，与标签相比，条形图的尺寸非常小。

代码笔请看这里，https://codepen.io/JGSpark/pen/YzzBydv?editors=1010

最后一个柱子很小，外面显示 40。由于 color: 'white' 通常用于所有显示为白色的标签，尽管它在外面。

如果标签显示出来，我如何更改标签的颜色？

在这个例子中，我需要将标签 40 的颜色更改为黑色。有什么建议吗？

Answer 1

您需要添加自定义格式化程序，它将检查 yAxis 值的大小并相应地更改标签的颜色:

formatter: function() { 
    var max = this.series.yAxis.max,
    color = this.y / max < 0.05 ? 'black' : 'white'; // 5% width
    return '<p style="color: ' + color + '">' + this.y + ' M</p>';
},