Google图表如何基于类型重新绘制图表作为列表提供?

时间:2013-06-20 05:30:11

标签: javascript google-visualization

我最初使用以下代码制作我的图表。但我想为用户提供一组图表选项列表,如'SteppedAreaChart', 'LineChart', 'ColumnChart'

 var barChart = new google.visualization.ChartWrapper({
              'chartType': 'BarChart',
              'containerId': 'chart1',
              'options': {
                'width': '100%',
                'height': 800,
                'chartArea': {top: 0, right: 0, bottom: 0}
              }
            });

我正在寻找解决方法 1. ControlWrapper接受图表类型 2.然后相应地重新绘制下面的图表

我尝试使用statechange仍然没有运气。

barChart.setView({chartType: 'LineChart'});
            barChart.draw();

1 个答案:

答案 0 :(得分:1)

目前没有控件可以让您更改图表的图表类型,因此您的(1)是不可能的。但是,您应该能够在控件之外自行更改。您尝试过的可能有用,但我看不到您指定数据的位置。 E.g。

barChart.setDataTable(myTable);

您提供给setView()的view_spec必须包含整个视图,因为您要替换之前指定的内容。

或者,您可以调用setChartType()来更改图表包装器中图表的类型,如下所示:

barChart.setChartType('LineChart');
barChart.draw()

ChartWrapper的文档位于:https://google-developers.appspot.com/chart/interactive/docs/reference#chartwrapperobject