选中/取消选中复选框时切换特定的高级图表

Question

我有使用highcharts绘制的多个散点图，我有一个复选框列表，其中的标签对应于highcharts中的图例标识符，我想要有功能，这样当我选中/取消选中该框时，它会使相应的图表可见/动态隐藏。我该如何做到这一点？

Answer 1

要实现您期望的功能，您需要使用Series.showInLegend功能在每个Series.update()事件复选框上切换onchange标记，并调用此系列{{1}功能切换其在情节上的可见性。以下是如何实现它的示例代码：

首先，您需要定义类似于以下的复选框：

setVisible()

然后选中每个复选框，并为其添加<input id="series1" type="checkbox" checked>Installation<br/> <input id="series2" type="checkbox" checked>Manufacturing<br/> <input id="series3"type="checkbox" checked>Sales and Distribution<br/> 事件函数。在此功能中，您需要更新适当的系列onchange值，如上所述。您应该能够通过检查系列对象中showInLegend的存在来做到这一点。看看下面的代码：

legendItem

实例：https://jsfiddle.net/uuwu48cm/