如何将项目添加到Highcharts图例中？

Question

我有一个包含两个序列的图表: column 和 spline。通过程序我更改了满足某些条件的某些列的颜色，比如最低分数的10条被呈现为绿色，而其余部分是蓝色。

现在，在图例中，我有这两个系列的名称，但它们显示的是默认的蓝色，而不是我更改后的颜色。我想知道如何为呈现为绿色的列添加一个名称，比如说“最低分数”。

编辑：

序列的代码：

series: [{
  type: 'column',
  color: '#215868',
  name: 'Score per round ',
  data: [
    {y:65,name:'Caracas Country Club', color: '#7EB035'},
    {y:72,name:'Biltmore Golf Course', color: '#7EB035'},
    {y:72,name:'Nashua Country Club', color: '#7EB035'},
    {y:90,name:'Hilaman Park Golf Course'},
    {y:105,name:'Biltmore Golf Course'},
    {y:90,name:'Binks Forest Golf Club', color: '#7EB035'},
    {y:90,name:'Binks Forest Golf Club', color: '#7EB035'},
    {y:90,name:'Blackhawk Country Club | The Falls', color: '#7EB035'},
    {y:90,name:'Blackhawk Country Club | The Falls', color: '#7EB035'},
    {y:72,name:'Pembroke Country Club', color: '#7EB035'},
    {y:90,name:'The Greens At North Hills Country Club'},
    {y:90,name:'Havana Country Club | Kilamanjaro/Kenya'},
    {y:90,name:'Biltmore Golf Course'},
    {y:90,name:'Biltmore Golf Course'},
    {y:90,name:'Challenge At Santa Rita'},
    {y:100,name:'Lake Chabot Golf Course | Lake Chabot'},
    {y:90,name:'Hillcrest Golf & Country Club | Championship', color: '#7EB035'},
    {y:100,name:'Hillcrest Golf & Country Club | Championship'},
    {y:100,name:'Hillcrest Golf & Country Club | Championship'},
    {y:90,name:'Hillcrest Golf & Country Club | Championship', color: '#7EB035'},]
  },
  {
    type: 'spline',
    name: 'Avg Score',
    color: '#009900',
    data: [
      {y:89.9,name:'Caracas Country Club'},
      {y:89.4,name:'Biltmore Golf Course'},
      {y:88.9,name:'Nashua Country Club'},
      {y:88.9,name:'Hilaman Park Golf Course'},
      {y:89.4,name:'Biltmore Golf Course'},
      {y:89.4,name:'Binks Forest Golf Club'},
      {y:89.4,name:'Binks Forest Golf Club'},
      {y:89.4,name:'Blackhawk Country Club | The Falls'},
      {y:89.4,name:'Blackhawk Country Club | The Falls'},
      {y:89.0,name:'Pembroke Country Club'},{y:89.0,name:'The Greens At North Hills Country Club'},
      {y:89.0,name:'Havana Country Club | Kilamanjaro/Kenya'},
      {y:89.1,name:'Biltmore Golf Course'},
      {y:89.1,name:'Biltmore Golf Course'},
      {y:89.1,name:'Challenge At Santa Rita'},
      {y:89.3,name:'Lake Chabot Golf Course | Lake Chabot'},
      {y:89.4,name:'Hillcrest Golf & Country Club | Championship'},
      {y:89.6,name:'Hillcrest Golf & Country Club | Championship'},{y:89.8,name:'Hillcrest Golf & Country Club | Championship'},
      {y:89.8,name:'Hillcrest Golf & Country Club | Championship'},
    ]
  }
]

- iwannabaa

---

相关代码 请！ - Jashwant

抱歉，代码已添加。这是我提出的第一个问题。 - iwannabaa

可能不是您想要的。但是您可以通过将绿色部分作为一个系列，另一组作为另一个系列来创建第三个系列。图例实际上只适用于系列，并且它按设计工作。您还可以尝试在图表本身上放置有关绿色项目的注释。 - wergeld

请分享解决方案。 - K Pradeep Kumar Reddy

Answer 1

我只是添加了一个没有数据的系列，并添加了必要的属性（名称和颜色），它运作正常。以防你也遇到这种情况。

- iwannabaa

---

最好将空系列的类型设置为“折线”，这样如果主系列是柱形图或条形图之类的类型，就不会受到影响。 - Vigneshwaran

以上评论非常有用。但是还有一个要补充的是，如果您希望图例符号默认显示为正方形，则应将图表类型设置为面积。将类型设置为线条会将图例符号显示为删除线。 - crazycrv

有没有更好的方法来做这件事？ - K Pradeep Kumar Reddy