首页 文章

Highcharts:在传奇上展示系列,但隐藏在图表上

提问于
浏览
3

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

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

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

2 回答

  • 1

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

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

    Code:

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

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

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

    Fiddle:

    Output:

    screenshot

  • 0

    您可以通过 linkedTo 属性串联链接组中的图例,请参阅下面的代码 .

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

相关问题