google-visualization - Google Charts - 单击图例键时隐藏线

Question

单击图例中的相关键时，我希望能够显示/隐藏折线图上的线条，这可能吗？

Answer 1

要在 GWT 可视化折线图中隐藏显示线，请按照下列步骤操作:-

1.基于现有的DataTable对象创建一个DataView对象:

DataTable dataTable = DataTable.create();
DataView dataView = DataView.create(dataTable);

2.在DataView中隐藏要隐藏的曲线/直线的列:

dataView.hideColumns(new int[]{<id_of_the_column>});

3.基于DataView再次绘制整个图表:

chart.draw(dataView, getOptions());

请注意，这里有一个警告，第 3 步是一个代价高昂的步骤，对我们来说几乎需要 20-30 秒。用于要绘制的新图形。但是如果数据不是很大，它应该可以在您的上下文中进行管理。

注意:您必须使用复选框制作自己的图例，并在用户选中/取消选中复选框时执行上述操作。