新しい列を追加するにはどうすればいいですか？google chart api

Question

私はIdeaを持っています。「George」の後に新しいPersonを追加するにはどうすればいいですか？希望の結果を得るにはどうすればいいですか？

<script type="text/javascript"> 
    google.charts.load('current', {'packages':['corechart']}); 
    google.charts.setOnLoadCallback(drawChart); 

    function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Year', 'Wilson', 'Jennifer','George'], 
     ['Jan', 1000,  400,88], 
     ['Feb', 1170,  460,99], 
     ['March', 660,  1120,55], 
     ['April', 1030,  540,33] 
    ]); 

    var options = { 
     title: 'Company Performance', 
     curveType: 'function', 
     legend: { position: 'bottom' }, 
     pointSize: 20, 
     pointShape: 'square' 

    }; 

    var chart = new google.visualization.LineChart(document.getElementById('curve_chart')); 
    //data.addColumn('summit'); 
    chart.draw(data, options); 
    } 
</script> 

Answer 1

はaddColumnメソッドを使用
あなたは
を包み、あなたが複数の列以下で

を追加したい行を更新するために返される列のインデックスを保存することができます：ここでは私が使用しているコードがあります例は、新しい列の値が前の列

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

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Year', 'Wilson', 'Jennifer','George'], 
 
    ['Jan', 1000,  400,88], 
 
    ['Feb', 1170,  460,99], 
 
    ['March', 660,  1120,55], 
 
    ['April', 1030,  540,33] 
 
    ]); 
 

 
    var colIndex = data.addColumn('number', 'New'); 
 
    for (var i = 0; i < data.getNumberOfRows(); i++) { 
 
    data.setValue(i, colIndex, data.getValue(i, colIndex - 1) * 2); 
 
    } 
 

 
    var options = { 
 
    title: 'Company Performance', 
 
    curveType: 'function', 
 
    legend: { position: 'bottom' }, 
 
    pointSize: 20, 
 
    pointShape: 'square' 
 

 
    }; 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
}

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

から計算されます3210