Highcharts传奇中的灰色项目

Question

有没有办法让Highcharts图例中的项目在运行时处于非活动状态（即灰显）？无论图表上的系列是否可见，该项目都需要显示为灰色。伪代码看起来像item[0].inactive。

我找到了摧毁传奇项目的选项，但这不是我想要做的。

Answer 1

如果您知道该元素（让我们称之为div#legend），那么您可以为它创建自定义CSS类。例如：

.legendDisabled {
    background-color: #FFFFFF
}

.legendEnabled {
    background-color: #00FF00
}

然后你可以使用jQuery选择器在你需要使图例变灰或者＃34;启用＆＃34;时在这些类之间切换。图例，使用.toggleClass()：

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