Googleのグラフでテーブルを動的に編集できるようにするには？

Question

私は、GoogleチャートでDataTableを使用してテーブルを作成しました。また、テーブルデータを使用して円グラフを作成します。

ブラウザで表のデータを動的に更新/変更する必要があり、それに応じてグラフを更新する必要があります。

ブラウザでGoogleマップを使用してテーブルを編集可能にする方法を教えてください。予め

おかげで

Answer 1

データがdataが変更された利用可能methods

よういつでも
data.setValue(rowIndex, columnIndex, newValue);

setValueとしてのいずれかを使用して変更することができ、chartを再描画しなければなりません

次の作業スニペットを参照してください。最初のドロー後、
の データ値は...返信@WhiteHatため

google.charts.load('current', { 
 
    callback: function() { 
 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.PieChart(container); 
 

 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Task', 'Hours'], 
 
     ['A', 2], 
 
     ['B', 4], 
 
     ['C', 6], 
 
     ['D', 8], 
 
     ['E', 10], 
 
     ['F', 12], 
 
     ['G', 14] 
 
    ]); 
 

 
    var options = { 
 
     height: 400, 
 
     chartArea: { 
 
     top: 24 
 
     }, 
 
     legend: 'top', 
 
     pieHole: 0.4, 
 
     pieSliceText: 'value', 
 
     width: 400 
 
    }; 
 

 
    google.visualization.events.addOneTimeListener(chart, 'ready', function() { 
 
     // edit data 
 
     for (var i = 0; i < data.getNumberOfRows(); i++) { 
 
     // double values 
 
     data.setValue(i, 1, data.getValue(i, 1) * 2); 
 
     } 
 
     chart.draw(data, options); 
 
    }); 
 

 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>