当前位置: 首页 > 知识库问答 >
问题:

highcharts:在图例上显示序列,但在图表上隐藏

史劲
2023-03-14

在highcharts中有没有一种方法,我们可以在图表中隐藏一个序列,但仍然显示在图例上?

或者,我们是否可以添加一个假想/伪图例项,但并不真实存在于图表中?

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

共有1个答案

宗晟
2023-03-14

你可以设置任何数量的假人系列,没有数据,这将在图例中设置一个条目。

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

代码:

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

返回false的LegenditemClick事件停止图例显示/隐藏序列。如果你想要不同的行为,你可以用这个函数做得更精细。

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

小提琴:

  • http://jsfiddle.net/jlbriggs/3d3fuhbb/167/

输出:

 类似资料:
  • Highcharts 饼图 以下实例演示了显示图例饼图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 series 配置 设置 series 的 type 属性为 pie ,series.type 描述了数据列类型。默认值为 "line"。 var series = { type: 'pie' }; plotOptions plo

  • 我是ChartJS的新手,我有一个水平条形图: HTML JavaScript: 我试着加上 但结果还是一样。我做错了什么?我在这里发现了一些东西,但是每个条上显示的标签是Y轴的刻度。是否可以在每个栏上添加图例并保留工具提示? 提前感谢!

  • 我现在尝试的是,如果我有一个图表,然后,当我点击一个按钮与“onchange”功能,它将显示几个图表。但当我点击后退,我有我想要的图表,但仍然有“图例”的第二个图表在第一个图表的顶部。 有没有办法去除它?我找到了,但它删除了所有图表的图例。 这是我的代码 null null 亲切地

  • 问题内容: 是否可以使用图表的图例来切换显示/隐藏序列? 我有一个传说,而且传说太多了,所以您无法很好地读出信息。我想知道是否有可能使用图例来切换显示/隐藏的系列? 我的大多数名字都很长,如果在图例中写两次,这看起来很怪异,因此您知道夹心颜色属于夹心,而第二个颜色除之外还用于切换它们。 Edit1:也许我不清楚,即使没有内置函数,我也可以使用一些输入来表示工作区的样子,因为我什么也没想。 问题答案

  • 我必须在向上滚动时隐藏底部导航视图,在向下滚动时显示。如何实现这个?我的布局是这样的 我附上了视图截图。请检查一下。

  • 问题内容: 在JPanel上显示jpg图像(从本地文件夹加载)的最合适的图像类型是什么? 干杯。 问题答案: