在highcharts中是否有一种方法可以隐藏图表中的系列,但仍然会在图例中显示?
或者,我们可以添加一个虚构/伪传奇项目,但不是真的存在于图表中吗?
对于上下文:客户要求我们根据类别对条形进行着色(前10个条形应为默认颜色深蓝色,接下来的2个条形图为蓝色,最后3个条形为浅蓝色) . 现在他们要求我们放置3个图例项目:A组(前10个栏),B组(下2个),C组(后3个) . B组和C组不需要点击,因为它们是虚构的图例 .
您可以设置任意数量的虚拟系列,没有数据,这将在图例中设置一个条目 .
要确保虚拟系列不占用绘图区域中的任何空间,可以在 plotOptions 中设置 grouping: false .
plotOptions
grouping: false
Code:
plotOptions: { series: { grouping: false, events: { legendItemClick: function() { return false; } } } }
返回false的 legendItemClick 事件会阻止图例显示/隐藏序列 . 如果你想要不同的行为,你可以使用该功能更精细 .
legendItemClick
当然,如果您想要图例的完整行为,您可以使用三个实际系列构建图表,而不是使用两个虚拟系列,只需将数据提供为[x,y]对 .
Fiddle:
Output:
您可以通过 linkedTo 属性串联链接组中的图例,请参阅下面的代码 .
linkedTo
http://jsfiddle.net/jlbriggs/6gw5P/2/
2 回答
您可以设置任意数量的虚拟系列,没有数据,这将在图例中设置一个条目 .
要确保虚拟系列不占用绘图区域中的任何空间,可以在
plotOptions
中设置grouping: false
.Code:
返回false的
legendItemClick
事件会阻止图例显示/隐藏序列 . 如果你想要不同的行为,你可以使用该功能更精细 .当然,如果您想要图例的完整行为,您可以使用三个实际系列构建图表,而不是使用两个虚拟系列,只需将数据提供为[x,y]对 .
Fiddle:
Output:
您可以通过
linkedTo
属性串联链接组中的图例,请参阅下面的代码 .http://jsfiddle.net/jlbriggs/6gw5P/2/