动态变化 - Google 图表类型

Question

取决于 select 类型，图表应该显示。我准备了JSON。但我需要动态更改图表类型。

我尝试了不同的方法。但是得到一个错误。是否有任何替代解决方案可用于实现此 senorio。

JS代码：

google.load('visualization', '1', {'packages':['corechart']}); 

// Set a callback to run when the Google Visualization API is loaded. 
google.setOnLoadCallback(drawChart); 

function drawChart() { 
  .......
  var chartType = document.getElementById("chartType").value;
  var chartTypeContent = "new google.visualization." + chartType + "(document.getElementById('chart_div'))";
  var chart =  chartTypeContent ; 
  chart.draw(data, options_fullStacked); 
}

HTML代码：

<select id="chartType" onchange="drawChart()">
<option value="ColumnChart">Column Chart</option>
<option value="BarChart">Bar Chart</option>
</select>

错误是：未捕获类型错误：chart.draw 不是函数

我是 google 图表的新手。请帮我解决这个问题。

Answer 1

像这样尝试...

var chartTypeContent = new google.visualization[chartType](document.getElementById('chart_div'));

动态变化 - Google 图表类型

Dynamic Change - Google Chart Type

javascript

google-visualization

pygooglechart

google-pie-chart