javascript - 在 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]];

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

Answer 1

我已经更新了您的fiddle 。

我没有使用仪表板，而是在没有仪表板的情况下绘制了过滤器和图表，然后在过滤器上添加了'statechanges'的监听器。当发生状态更改时，它会检查所选择的内容并将 chartWrapper 的 View 设置为此，然后重新绘制整个内容。

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

个人偏好还指定图表的最大/最小值，这样当您更改图表的 View 时，它就不会那么“跳跃”。