Javascript 如何更改图例点的颜色?
如果查看下面的示例,图例中项目1和项目2的点均为灰色但是,在我的例子中,这些点应该与相关系列具有相同的颜色。有什么简单的方法可以实现这一点吗?我找不到任何例子 例如: 我已经尝试过的:Javascript 如何更改图例点的颜色?,javascript,highcharts,highcharts-gantt,Javascript,Highcharts,Highcharts Gantt,如果查看下面的示例,图例中项目1和项目2的点均为灰色但是,在我的例子中,这些点应该与相关系列具有相同的颜色。有什么简单的方法可以实现这一点吗?我找不到任何例子 例如: 我已经尝试过的: 浏览在线示例和图表甘特JS API参考() 正在寻找设置系列颜色的方法(在Highcharts甘特图中不起作用) 看看PointFormatter,但是我不确定它在Highcharts甘特图中是如何工作的(并且我找不到任何工作示例) 情况与此处相同: 在甘特图中,默认情况下启用了colorByPoint选项,因
- 浏览在线示例和图表甘特JS API参考()
- 正在寻找设置系列颜色的方法(在Highcharts甘特图中不起作用)
- 看看PointFormatter,但是我不确定它在Highcharts甘特图中是如何工作的(并且我找不到任何工作示例)
- 情况与此处相同:
在甘特图中,默认情况下启用了
colorByPoint
选项,因此您可以禁用它:或添加以下插件以更改项目的颜色
(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));
现场演示:
文档:将colorByPoint设置为false是缺少的间隙,非常感谢!
(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));