Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将项目添加到Highcharts图例?_Javascript_Highcharts - Fatal编程技术网

Javascript 如何将项目添加到Highcharts图例?

Javascript 如何将项目添加到Highcharts图例?,javascript,highcharts,Javascript,Highcharts,我有一个包含两个系列的图:列和样条线。通过编程,我更改了一些符合某些标准的列的颜色,比如说,10个最低分数以绿色呈现,而其余为蓝色 现在,在图例中,我有了系列名称,但它显然以默认的蓝色显示了样条线系列名称和列系列名称。我想知道如何为显示为绿色的列(例如“最低分数”)的图例添加名称 编辑: 该系列的代码: series: [{ type: 'column', color: '#215868', name: 'Score per round ', data: [ {y:65,

我有一个包含两个系列的图:
样条线
。通过编程,我更改了一些符合某些标准的列的颜色,比如说,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'},
    ]
  }
]

我刚刚添加了一个带有所需属性(名称和颜色)的空序列,它成功了。以防您发现自己处于这种情况。

请输入相关代码!对不起,我补充道。我问过的第一个问题,可能不是你想要的。但是你可以通过将一个系列分成两半来创建第三个系列,其中绿色是一个系列,另一组是另一个系列。传说是真正只为系列,它是按设计工作。您也可以尝试在图表本身上为绿色项目添加注释。最好将空系列的类型设置为“行”,这样,如果它类似于列或条形,则不会影响主系列。上面的注释非常有用。但若您希望图例符号在默认情况下显示为正方形,那个么还有一个补充就是使用图表类型作为区域。将“类型”设为“线”,将图例符号显示为删除线