Question

如果您查看下面的示例，项目 1 和项目 2 的点在图例中都是灰色的。 但是，在我的情况下，这些点应该与相关系列具有相同的颜色。是否有一些简单的方法可以实现这一点？我找不到任何例子。

//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 中的工作原理（我找不到任何工作示例）

Answer 1

和这里的情况一样：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 个答案: