Google图表-单击图例键时隐藏线

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 秒。用于绘制新图形。但如果数据不大，那么在您的上下文中应该是可以管理的。

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