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

时间:2015-07-28 04:38:41

标签: javascript google-visualization

亲爱的开发人员,

我正在尝试为各个地点的公司商店的销售数据创建一个仪表板。源数据就像

[["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,您可以查看我知道我在哪里。

1 个答案:

答案 0 :(得分:1)

我已更新您的fiddle

我没有使用A B Do Not Show C D Do Not Show E G Show P Q Show Z F Show ,而是在没有它的情况下绘制了过滤器和图表,然后在过滤器上添加了dashboard的监听器。 当发生状态转换时,它会检查所选内容并将'statechanges'的视图设置为此,然后重新绘制整个内容。

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

预先偏好也是指定图表的最大/最小值,因此当您更改其视图时它不会如此“跳跃”。