将CSS添加到Highcharts中的特定系列图例标签

Question

我有一个包含两个系列的Highcharts图表。我想将一些CSS应用到单个系列的图例标签上，而另一个系列的图例标签则保持不变。

很明显，这对一些复杂的选择器或某些东西是可能的，但是有什么优雅的东西可以放在Highcharts配置对象中来实现这一点？

Answer 1

这里是你如何可以添加自定义类使用格式化您的标签的例子：

var options = { 
    xAxis: { 
    labels: { 
     enabled: true, 
     useHTML: true, 
     formatter() { 
     return this.isFirst ? `<span class="myclass">${this.value}</span>` : this.value 
     } 
    } 
    }, 
    series: [{ 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
    type: 'column' 
    }] 
} 

var chart = Highcharts.chart('container', options) 

活生生的例子： https://jsfiddle.net/4vpskrgw/

问候。