图例项隐藏/显示其他图例项

时间:2016-12-15 22:39:17

标签: javascript angularjs highcharts

我正在组合样条曲线和误差条形图。 min和max有两个单独的错误条形图。需要两个错误条形图,因为需要使用单独的图例项显示/隐藏最小值和最大值。为实现这一点,我将最小错误条的第一个值设置为api调用返回的最小值,并将最大值设置为响应返回的平均值。相反,我将平均值设置为最大误差线的最小值,并将最大值设置为最大值。但是,当我单击图例项时,平均项会隐藏最小和最大菜单项和数据,最大菜单项会隐藏最小和最大图例项。显示/隐藏其关联数据的唯一菜单项是最小项。如何实现正确的图例项目/数据显示/隐藏功能?我在系列上尝试了linkedTo属性,但数据未显示/隐藏。 broken legend example

  series: [{
    name: 'Average',
    type: 'spline',
    color: 'transparent',
    marker: { fillColor: '#2B767F', symbol: 'circle'},
    data: [],
    showInLegend: true
  },
  {
    name: 'Max',
    type: 'errorbar',
    color: '#2B767F',
    data: [],
    showInLegend: true
  },
  {
    name: 'Min',
    type: 'errorbar',
    color: '#2B767F',
    data: [],
    showInLegend: true
  }]

1 个答案:

答案 0 :(得分:0)

添加linkedTo:null,错误栏图表修复了问题。