Highcharts如何保存选定的图例

Posted

技术标签:

【中文标题】Highcharts如何保存选定的图例【英文标题】:Highcharts how to save a selected legend 【发布时间】:2018-03-31 09:25:30 【问题描述】:

我正在尝试锻炼是否可以从 highcharts 获得回调以说明已选择或取消选择哪个图例项。然后我可以将其添加到保存的系列数据中,因此当我再次加载 highcharts 时,它具有保存的选定图例。

【问题讨论】:

【参考方案1】:

看series.events.legendItemClick,

legendItemClick:函数

当点击属于该系列的图例项时触发。一个参数,事件,被传递给函数。默认操作是切换系列的可见性。这可以通过返回 false 或调用 event.preventDefault() 来防止。

或series.events.hide,在隐藏系列时调用。

隐藏:函数

当系列在图表生成时间后被隐藏时触发,可以通过单击图例项或调用 .hide()。

将其中之一与series.visible 结合使用,您应该能够做您想做的事。

可见:布尔值

设置系列的初始可见性。

默认为真。

【讨论】:

太好了,现在您只需要以某种方式存储它。在 cookie、数据库或其他一些创造性的方式中。应该有很多关于获取/设置 cookie 的教程。如W3schools和SO

以上是关于Highcharts如何保存选定的图例的主要内容,如果未能解决你的问题,请参考以下文章

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

如何在highcharts中为图例添加工具提示

如何在 HighCharts 中显示图例

如何在 highcharts 的图例框下方添加文本链接

如何在 laravel 中为 highcharts 做 if else 语句

如何使用值数组在 Highcharts 饼图图例中获取数据名称而不是“切片”?