javascript - 动态变化 - 谷歌图表类型

Question

取决于选择类型，应显示图表。我准备了 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 不是函数

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

Answer 1

试试这样...

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