Highcharts圖例中的灰色項目

Question

有沒有辦法在運行時使Highcharts圖例中的項目無效（即變灰）？ 無論圖表上的系列是否可見，都需要將該項目顯示為灰色。 偽代碼看起來類似於item[0].inactive 。

我找到了銷毀圖例上的物品的選項，但這不是我要嘗試的方式。

Answer 1

如果您知道該元素（我們將其稱為div#legend ），則可以為其創建自定義CSS類。 例如：

.legendDisabled {
    background-color: #FFFFFF
}

.legendEnabled {
    background-color: #00FF00
}

然后，當您需要使圖例變灰或使用.toggleClass（） “啟用”圖例時，可以使用jQuery選擇器在這些類之間切換：

$("div#legend").toggleClass("legendDisabled");
$("div#legend").toggleClass("legendEnabled");