Googleチャートを使用してドロップダウン選択で選択したグラフタイプを取得する方法

Question

動的に生成されたデータを持っていて、piechartを使用してデフォルトを表示しています。今度はドロップダウン選択を追加して、新しいチャートをドロップダウン値に従って表示する必要があります。

今すぐ下記

<select id="charts" onchange="change_Even(event)"> 
    <option value="" disabled selected>Select Chart Type</option> 
    <option value="LineChart">LineChart</option> 
    <option value="BarChart">BarChart</option> 
    <option value="ColumnChart">ColumnChart</option> 
</select> 

私のGoogleのチャートコードです：

google.charts.load('current', { 'packages': ['corechart'] }); 
google.charts.setOnLoadCallback(drawChartdata()); 

function drawChartdata() {    
    var ex = document.getElementById("dpddashR"); 
    var clOptions = ex.options[ex.selectedIndex].value; 
    var clOptions1 = ex.options[ex.selectedIndex].text; 
    var dtf = document.getElementById("frm_date").value; 
    var dtt = document.getElementById("to_date").value; 

    var link2 = "http://xxx.xxx.x.xx:xx/WAIT.svc/Report"; 

    var jsonData = $.ajax({ 
    type: 'GET', 
    url: link2, 
    data: "Loc_=" + clOptions + "&cli_=" + sess.Id + "&Name_=" + clOptions1 + 
     "&MachineId_=0&frmDate_=" + dtf + "&toDate_=" + dtt + "", dataType: 'json', 
    }).done(function (results) {  
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'time'); 
    data.addColumn('number', 'Amount'); 
    data.addRows(results.length); 

    for (i = 0; i < results.length; i++) { 
     data.setValue(i, 0, results[i]["time"]); 
     data.setValue(i, 1, parseInt(results[i]["Amount"])); 
    } 

    var chart = new google.visualization.PieChart(document.getElementById('piechart')); 
    chart.draw(data, { width: 600, height: 240, is3D: true, title: '' }); 
    }); 
} 

ので、ここでの選択にdrawChartdataを（変更）が発射されなければならず、selctionによると、それは、使用を選択した場合としたチャットの種類を表示するために持っています円グラフには、それは...彼はそれがショーの棒グラフ

Answer 1

チャートを作成するために、選択の値を使用している棒グラフを選択した場合、円グラフを表示するために持っている

var chartType = document.getElementById('charts').value; 

var chart = new google.visualization[chartType](document.getElementById('piechart'));