Javascript Highcharts-图例中仅灰色显示标题

在highcharts legend中，是否可以灰色显示隐藏系列的唯一标题（而不是颜色标记）？这幅画价值1000字

---

您可以应用CSS来设置图例的样式，以达到所需的效果

具体地说，利用添加到每个图例项上的

highcharts图例项hidden

类（即在单击该类以隐藏系列后），强制标记的颜色保持不变

例如，为确保第一个数据系列的图例标记始终保持为

#ff6600

：

.highcharts-series-0.highcharts-legend-item-hidden .highcharts-graph {
    stroke: #ff6600;
}
.highcharts-series-0.highcharts-legend-item-hidden .highcharts-point {
    fill: #ff6600;
}

---

另一种选择是，包装

Legend.colorizeItem

，对图例项

legendLine

和

legendSymbol

进行后期处理，以“撤消”隐藏颜色的设置：

(function (H) {
    H.wrap(H.Legend.prototype, 'colorizeItem', function (proceed, item, visible) {
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));
        if(item.legendLine) {
            item.legendLine.attr({ stroke: item.color });
        }
        if(item.legendSymbol) {
            if ((item.options && item.options.marker) && item.legendSymbol.isMarker)
                item.legendSymbol.attr(item.pointAttribs());
            else
                item.legendSymbol.attr({ fill: item.color });
        }
    });
}(Highcharts));

item.LegendSymbol

的详细代码用于保留可能设置的任何标记选项。它模仿

colorizeItem

的默认行为，而不考虑

可见的真实性

请参阅正在使用的版本。
谢谢。工作如我所料。