在不使用图例的情况下隐藏 Highcharts 系列

Posted

技术标签:

【中文标题】在不使用图例的情况下隐藏 Highcharts 系列【英文标题】:Hiding a Highcharts series without using the legend 【发布时间】:2012-02-11 10:30:23 【问题描述】:

我需要能够从按钮而不是图例中隐藏 Highcharts 系列(原因是我需要从一个按钮切换多个组:Hiding _groups_ of series in Highcharts and jQuery: how to get acceptable performance? 并且由于该帖子中给出的原因,我不能使用$(chart.series).each() 使用 jQuery。

以下表达式均无效(我的图表对象名为chart):

Chart.series.get(1).hide();
chart.series.get(1).hide();
$(chart.series[1]).hide();
$(chart.series["1"]).hide();
$(chart.series[1]).hide();
$(chart.series)["1"].hide();
$(chart.series)[1].hide();

如果我知道它的索引,谁能告诉我如何隐藏图表系列?谢谢。

【问题讨论】:

【参考方案1】:

这应该可行:

chart.series[index].hide()

Full example on jsfiddle

UDP URL 来自 Simen Echholt 评论)

【讨论】:

Here is a working jsFiddle 链接到 highcharts docs for series.hide 您知道是否可以将系列从图例中完全删除?不只是让它变灰。 michaelAdam:你必须这样做chart.series[index].remove(true) (api.highcharts.com/highcharts#Series.remove) 如果有像 remove() 这样的功能可以完全隐藏一个系列,然后再简单地把它放回去就好了。 [我有一个愚蠢而复杂的用户界面,它拥有我的经理可以想象的每一个功能,而对保持简单的考虑为零。]

以上是关于在不使用图例的情况下隐藏 Highcharts 系列的主要内容,如果未能解决你的问题,请参考以下文章

Highcharts:如何将图例链接到类别而不是条形系列?

在 Highcharts 中以默认状态隐藏行

在 x 轴和图例中显示 HighCharts 系列名称

在 Highcharts 中隐藏关于传奇悬停的链接系列

Highcharts饼图数据为0时 ie浏览器下图例不显示 chrome下图例会显示一根棍为啥?

Highcharts 图例分页位置