Javascript 如何更改图例点的颜色?

Javascript 如何更改图例点的颜色?,javascript,highcharts,highcharts-gantt,Javascript,Highcharts,Highcharts Gantt,如果查看下面的示例,图例中项目1和项目2的点均为灰色但是,在我的例子中,这些点应该与相关系列具有相同的颜色。有什么简单的方法可以实现这一点吗?我找不到任何例子 例如: 我已经尝试过的: 浏览在线示例和图表甘特JS API参考() 正在寻找设置系列颜色的方法(在Highcharts甘特图中不起作用) 看看PointFormatter,但是我不确定它在Highcharts甘特图中是如何工作的(并且我找不到任何工作示例) 情况与此处相同: 在甘特图中,默认情况下启用了colorByPoint选项,因

如果查看下面的示例,图例中项目1和项目2的点均为灰色但是,在我的例子中,这些点应该与相关系列具有相同的颜色。有什么简单的方法可以实现这一点吗?我找不到任何例子

例如:

我已经尝试过的:

  • 浏览在线示例和图表甘特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));