动态变化-谷歌图表类型

Dynamic Change - Google Chart Type

本文关键字：类型 谷歌 变化 动态      更新时间：2023-09-26

根据选择的类型，图表应该显示。我准备了JSON。但我需要动态地改变图表类型。

我试过不同的方法。但是得到了一个错误。是否有其他可行的解决方案来满足这个要求?

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>

错误是:Uncaught TypeError: chart。draw不是函数

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

试试这样…

var chartTypeContent = new google.visualization[chartType](document.getElementById('chart_div'));
相关文章：