更改图例符号高图的颜色

是否可以在Highcharts中更改图例符号颜色? 例如, 演示示例包含两个系列,图例中的符号为蓝色和黑色(与系列相同)。

我在文档中找不到任何symbolColor参数。 如何将它们都改为黑色?

 legend: { layout: 'vertical', floating: true, align: 'left', verticalAlign: 'top', x: 90, y: 45, symbolPadding: 20, symbolWidth: 50, symbolColor: '#000000' ????? }, 

在此处输入图像描述

Highcharts 4.X源确实为一个系列/点寻找legendColor参数,但是你不能(据我所知)设置它而不是用户选项。

如果你包装Legend类的colorizeItem函数,你可以设置legendColor属性,然后很容易地使用它。 例如,换行:

 (function (H) { H.wrap(H.Legend.prototype, 'colorizeItem', function (proceed, item, visible) { item.legendColor = item.options.legendColor; proceed.apply(this, Array.prototype.slice.call(arguments, 1)); }); }(Highcharts)); 

并在图表选项中使用:

 $('#container').highcharts({ series: [{ legendColor: 'black', 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] }] }); 

请参阅JSFiddle演示它的外观。

为每个系列中的图例添加color

 series: [{color: '#000000', //change here 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] }, {color: '#000000', //change here data: [95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1] }] 

的jsfiddle