highcharts如何动态改变数据标签的字体颜色？

Question

highcharts如何动态改变数据标签的字体颜色？

如图
根据数据标签百分比正负值时动态改变字体颜色
比如当数据小于0展示红色,大于0展示绿色，
目前代码如下,全部展示为绿色.

尝试过判断的方法但似乎没有用,求老司机带路.

Answer 1

你试试这个：

formatter () {
    let data = zData[this.point.index]
    return `<span style="color:${data >= 0 ? '#00ff7f' : '#ff0e57'};font-size:36px;">${data}%</span><br/><span style="color"#ff2246;font-size:36px;">${this.y}</span>`
}