我想使用“PieChart”,“ComboChart”和“Control”

时间:2013-07-30 12:29:32

标签: javascript google-visualization

我想以“控制”能够调整“Pie”和“Combo”的方式使用“PieChart”,“ComboChart”和“Control”。当我的数据库如下所示时,问题就出现了:

 ['Name', 'Age', 'date', 'ville'],
        ['Michael' , 12, 2012, 'A'],
        ['Elisa', 20, 2012, 'B'],
        ['Robert', 7, 2012, 'A'],
        ['Michael', 54, 2013, 'A'],
        ['Elisa', 22, 2013, 'E'],
        ['Robert', 3, 2013, 'F'],
        ['Michael', 42, 2014, 'G'],
        ['Elisa', 33, 2014, 'H'],
   ['Robert', 42, 2014, 'G']

我希望“ComboCahrt”的表现与此链接所示的相似:  https://google-developers.appspot.com/chart/interactive/docs/gallery/combochart

有了这样的输出,我们需要检索“ComboChart”的查询。我的脚本可以在此链接中找到 http://jsfiddle.net/alirezamoussaei/SNRRr/1/

如果您可以更改以更正代码,我将不胜感激:   ...  P.S:我在我的代码中使用了“BarChart”。请让我知道如何将其更改为“ComboChart”。

1 个答案:

答案 0 :(得分:0)

我改变了你的代码(见 http://jsfiddle.net/dlaliberte/qRt7e/)这样它似乎可以按照您的要求运行。关键是单个控件可以使用例如

绑定到多个图表
bind([control], [barChart, pieChart])

执行此操作后,请不要单独绘制pieChart,而是让仪表板为您绘制。

只需为单个系列指定不同的图表类型,BarChart就可以作为组合图使用。顶级chartType选项仅提供默认图表类型。你可以说'ComboChart',然后默认是折线图。