Javascript 如何为行添加按列动态的数据？

这个问题是关于谷歌的折线图，它会显示不同的线，即周期线

我有一个数据数组，长度未知nm，即Cycle_x

我将动态获取以下数据

arrayCycleName=['Cycle_1','Cycle_3','Cycle_3','Cycle_4',....];

arrayModNames=['mod_1','mod_2','mod_3','mod_4'];

arrayCycle_1_Data=[50,30,10,15];
arrayCycle_2_Data=[40,20,42,44];
arrayCycle_3_Data=[30,34,36,40];
so on..

我用的是数据故事

var data = new google.visualization.DataTable();
var chart = new google.visualization.LineChart(document
            .getElementById('charts'));

data.addColumn('string', 'Module Names');

for (i=0;i<arrayCycleName.lenght;i++)
data.addColumn('number', arrayCycleName[i]);

所以我可以打电话

chart.draw(data,{title: 'charts'});

一种可能的解决办法：

function drawChart() {

    var data = new google.visualization.DataTable();

    var arrayCycleName = ['Cycle_1', 'Cycle_3', 'Cycle_3'];

    var arrayModNames = ['mod_1', 'mod_2', 'mod_3', 'mod_4'];

    var arrayCycle_1_Data = [50,30,10,15];
    var arrayCycle_2_Data = [40,20,42,44];
    var arrayCycle_3_Data = [30,34,36,40];

    var arrayCycles = [arrayCycle_1_Data, arrayCycle_2_Data, arrayCycle_3_Data]

    data.addColumn('string', 'CycleName');
    for (var i = 0; i < arrayCycleName.length; ++i) {
        data.addColumn('number', arrayCycleName[i]);
    }

    for (var i = 0; i < arrayModNames.length; ++i) {
        var row = [];
        row.push(arrayModNames[i]);
        for (var j = 0; j < arrayCycles.length; ++j) {
            row.push(arrayCycles[j][i]);
        }
        console.log(row);
        data.addRow(row);
    }
    console.log(data);

    var options = {
        title: 'charts',
        vAxis: {
            minValue: 0
        }
    };

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

---

请参阅。

如何使Y轴显示为默认值100，无论存在什么数据，在这种情况下，Y轴仅显示60，直到数据更改。使用vAxis选项maxValue:100。见更新。

function drawChart() {

    var data = new google.visualization.DataTable();

    var arrayCycleName = ['Cycle_1', 'Cycle_3', 'Cycle_3'];

    var arrayModNames = ['mod_1', 'mod_2', 'mod_3', 'mod_4'];

    var arrayCycle_1_Data = [50,30,10,15];
    var arrayCycle_2_Data = [40,20,42,44];
    var arrayCycle_3_Data = [30,34,36,40];

    var arrayCycles = [arrayCycle_1_Data, arrayCycle_2_Data, arrayCycle_3_Data]

    data.addColumn('string', 'CycleName');
    for (var i = 0; i < arrayCycleName.length; ++i) {
        data.addColumn('number', arrayCycleName[i]);
    }

    for (var i = 0; i < arrayModNames.length; ++i) {
        var row = [];
        row.push(arrayModNames[i]);
        for (var j = 0; j < arrayCycles.length; ++j) {
            row.push(arrayCycles[j][i]);
        }
        console.log(row);
        data.addRow(row);
    }
    console.log(data);

    var options = {
        title: 'charts',
        vAxis: {
            minValue: 0
        }
    };

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