如何更改图例点的颜色?
How can I change the color of legend points?
如果您查看下面的示例,项目 1 和项目 2 的点在图例中都是灰色的。 但是,在我的例子中,这些点应该与相关系列具有相同的颜色。有没有一些简单的方法可以做到这一点?我找不到任何例子。
示例:https://jsfiddle.net/0rdwm1ax/
//possibly relevant code:
series: [
name: 'Test Series',
color: '#00FF00' //Setting color in my project did not work, though
...
]
我已经尝试过的:
- 浏览在线示例和 HighCharts Gantt JS API参考资料(https://api.highcharts.com/gantt)
- 寻找设置系列颜色的方法(在 Highcharts-Gantt 中不起作用)
- 查看 PointFormatter,但我不确定它在 Highcharts-Gantt 中的工作方式(而且我找不到任何工作示例)
和这里一样的情况:http://jsfiddle.net/BlackLabel/1w0yx8m4/
在甘特图中,默认启用 colorByPoint
选项,因此您可以禁用它:https://jsfiddle.net/BlackLabel/mdbqnaxy/ 或添加以下插件来更改项目的颜色。
(function(H) {
var colors = ['red', 'blue'];
H.wrap(H.Legend.prototype, 'colorizeItem', function(proceed, item) {
item.color = colors[item.index];
proceed.apply(this, Array.prototype.slice.call(arguments, 1));
item.color = null;
});
}(Highcharts));
现场演示: https://jsfiddle.net/BlackLabel/mjock9uw/
文档: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts
如果您查看下面的示例,项目 1 和项目 2 的点在图例中都是灰色的。 但是,在我的例子中,这些点应该与相关系列具有相同的颜色。有没有一些简单的方法可以做到这一点?我找不到任何例子。
示例:https://jsfiddle.net/0rdwm1ax/
//possibly relevant code:
series: [
name: 'Test Series',
color: '#00FF00' //Setting color in my project did not work, though
...
]
我已经尝试过的:
- 浏览在线示例和 HighCharts Gantt JS API参考资料(https://api.highcharts.com/gantt)
- 寻找设置系列颜色的方法(在 Highcharts-Gantt 中不起作用)
- 查看 PointFormatter,但我不确定它在 Highcharts-Gantt 中的工作方式(而且我找不到任何工作示例)
和这里一样的情况:http://jsfiddle.net/BlackLabel/1w0yx8m4/
在甘特图中,默认启用 colorByPoint
选项,因此您可以禁用它:https://jsfiddle.net/BlackLabel/mdbqnaxy/ 或添加以下插件来更改项目的颜色。
(function(H) {
var colors = ['red', 'blue'];
H.wrap(H.Legend.prototype, 'colorizeItem', function(proceed, item) {
item.color = colors[item.index];
proceed.apply(this, Array.prototype.slice.call(arguments, 1));
item.color = null;
});
}(Highcharts));
现场演示: https://jsfiddle.net/BlackLabel/mjock9uw/
文档: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts