Question

我有一个系列，其中包含各种数据列，每个数据列均表示为甘特图中的列。我想在图例上显示许多由5种不同颜色表示的列。

legendItems = [ {name: "type1", color1: "#0082c8"},
                {name: "type2", color1: "#f58231"},
                {name: "type3", color1: "#911eb4"},
                {name: "type4", color1: "#911eb4"},
                {name: "type5", color1: "#911eb4"} 
               ]

是否可以基于legendItems创建5种颜色及其代表的图例，而不必依赖系列数？

如果可能，我该怎么办？

Answer 1

您可以创建自定义图例按钮，例如以下示例：http://jsfiddle.net/BlackLabel/pvhud6zb/

Highcharts还为系列提供linkedTo选项，使您可以在一个图例项中组合多个系列：

Highcharts.chart('container', {
  series: [{
    data: [2,2,2]
  },{
    data: [1,2,3],
    id: 'secondSeries'
  },{
    data: [3,2,1],
    linkedTo: 'secondSeries'
  }]
});

实时演示：http://jsfiddle.net/BlackLabel/pfraLzgs/

API：https://api.highcharts.com/highcharts/series.line.linkedTo

是否可以自定义自定义的硬编码图例

1 个答案: