javascript - Highcharts - 灰色图例中的唯一标题

Question

是否可以将 highcharts 图例中隐藏系列的标题(而不是颜色标记)变灰？图片值(value) 1000 字。

Answer 1

作为替代方案，包装 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 的默认行为，而不考虑 visible 的真实性。

参见 this JSFiddle demonstration它在使用中。