Highcharts:在图例上显示系列但隐藏在图表上

时间:2016-08-16 09:55:54

标签: javascript jquery charts highcharts

在高级图表中是否有一种方法可以隐藏图表中的系列,但仍会在图例中显示?

或者,我们可以添加一个虚构/伪传奇项目,但不是真的存在于图表中吗?

对于上下文:客户要求我们根据类别对条形进行着色(前10个条形应为默认颜色深蓝色,接下来的2条条形图为蓝色,最后3条条形为浅蓝色)。现在他们要求我们放置3个图例项目:A组(前10个栏),B组(下2个),C组(后3个)。 B组和C组不需要点击,因为它们是想象的传说。

2 个答案:

答案 0 :(得分:1)

您可以设置任意数量的虚拟系列,没有数据,这将在图例中设置一个条目。

为确保虚拟系列不占用绘图区域中的任何空间,您可以在grouping: false中设置plotOptions

<强>代码:

plotOptions: {
  series: {
    grouping: false,
    events: {
      legendItemClick: function() {
        return false;
      }
    }
  }
}

返回false的legendItemClick事件会阻止图例显示/隐藏系列。如果你想要不同的行为,你可以使用该函数更精细。

当然,如果你想要图例的完整行为,你可以使用三个实际系列来构建图表,而不是使用两个虚拟系列,只需将数据提供为[x,y]对。

<强>小提琴:

<强>输出:

screenshot

答案 1 :(得分:0)

您可以按照系列中的linkedTo属性链接组中的图例,请参阅下面的代码。

http://jsfiddle.net/jlbriggs/6gw5P/2/