使用 Google 可视化仪表板中的类别过滤器控制列

Question

尊敬的开发人员，

我正在尝试为位于不同位置的公司商店的销售数据创建仪表板。源数据就像

[["Day", "Location A", "Location B"],
    ["Sun", 1525, 1800],
    ["Mon", 1400, 1300],
    ["Tue", 1800, 1600],
    ["Wed", 1100, 900],
    ["Thu", 1700, 300],
    ["Fri", 900, 1927],
    ["Sat", 1250, 2130]];

我正在创建一个面积图，我可以在其中查看所有地点的前一周销售额。此外，我想要一个过滤器，我将 select 位置。在位置 selection 上，图表应仅显示该位置的面积图。我正在尝试使用 Google Visualization Dashboard 中的 CategoryFilter，但尚未取得太大成功。 Here is my fiddle 你可以查看我在做什么。

Answer 1

我已经更新了你的fiddle。

我没有使用 dashboard，而是绘制了没有它的过滤器和图表，然后在过滤器上为 'statechanges' 添加了一个侦听器。当发生状态变化时，它会检查选中的内容并将 chartWrapper 的视图设置为此，然后重新绘制整个内容。

还为颜色添加了一些化妆品。

个人偏好也是指定图表的max/min值，所以当你改变它的视图时就不会这样"jumpy"。

使用 Google 可视化仪表板中的类别过滤器控制列

Controlling Columns using Category Filter in Google VIsualization Dashboard

javascript

google-visualization