更改图例符号高图的颜色
是否可以在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