Javascript 更改图例符号highchart的颜色
是否可以更改Highcharts中的图例符号颜色? 例如,包含两个系列,图例中的符号与系列相同,分别为蓝色和黑色 我在文档中找不到任何symbolColor参数。我怎么把它们都改成黑色呢Javascript 更改图例符号highchart的颜色,javascript,jquery,highcharts,legend,Javascript,Jquery,Highcharts,Legend,是否可以更改Highcharts中的图例符号颜色? 例如,包含两个系列,图例中的符号与系列相同,分别为蓝色和黑色 我在文档中找不到任何symbolColor参数。我怎么把它们都改成黑色呢 legend: { layout: 'vertical', floating: true, align: 'left', verticalAlign: 'top', x: 90, y: 45, symbolPadding: 20, symbolWi
legend: {
layout: 'vertical',
floating: true,
align: 'left',
verticalAlign: 'top',
x: 90,
y: 45,
symbolPadding: 20,
symbolWidth: 50,
symbolColor: '#000000' ?????
},
为每个系列中的图例添加颜色
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]
}]
为每个系列中的图例添加颜色
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]
}]
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]
}]
});
查看它的外观。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]
}]
});
看看它的样子
当序列颜色得到更新时,图例项的颜色将更新。但是,在单击之前,图例不会更改。添加此代码位时:
this.chart.addSeries{
showInLegend:false
};
这个.chart.redraw;
}
当序列颜色得到更新时,图例项的颜色将更新。但是,在单击之前,图例不会更改。添加此代码位时:
this.chart.addSeries{
showInLegend:false
};
这个.chart.redraw;
}对我来说,传奇的颜色和系列不同是没有意义的。图例用于描述每个系列是什么,在Highcharts中,也可用于显示/隐藏系列。我可以问一下,为什么你需要图例的颜色与系列不同?让图例的颜色与系列不同对我来说没有意义。图例用于描述每个系列是什么,在Highcharts中,也可用于显示/隐藏系列。我可以问一下,为什么你需要图例与系列不同的颜色?下面的答案是一样的,两者都不适用me@albert我更新了小提琴。在Highcharts 4.X中工作。我可能会看看是否能找到适合5.X的解决方案,但目前这是一个遗留的解决方案。代码表中的小改动应该可以在5.X中使用,与下面的答案相同,并且两者都不适用me@albert我更新了小提琴。在Highcharts 4.X中工作。我可能会看看我是否找到了适合5.X的东西,但目前这是一个遗留的修复程序。通过对代码表进行小的更改,应该可以在5.X@albert中使用。您是否更改了颜色并尝试了?检查@albert你换了颜色并试了吗?检查