將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/

問候。