Google Chart在一个图表中添加3个或更多表格

时间:2015-08-17 19:19:41

标签: google-visualization google-chartwrapper pygooglechart

我想在一张图表中绘制3张表,我该怎么做?我试过Join方法,但它只适用于两个表?由于某种原因,我打算使用群组,但请参阅下面的代码

    var data1 = new google.visualization.DataTable();
data1.addColumn('number', 'Percentage');
data1.addColumn('number', 'Jan');

data1.addRows([
    [1, 0.48],
    [2, 0.66],
    [5, 0.55],
    [6, 0.28],
    [8, 0.332],
    [9, 0.625],
    [10, 0.5],
    [12, 0.34],
    [13, 0.668]
]);

var data2 = new google.visualization.DataTable();
data2.addColumn('number', 'Percentage');
data2.addColumn('number', 'Feb');

data2.addRows([
    [1, 0.77],
    [2, 0.88],
    [5, 0.55],
    [6, 0.36],
    [8, 0.798],
    [9, 0.625],
    [10, 0.885],
    [12, 0.34],
    [13, 0.48]
]);

    var data3 = new google.visualization.DataTable();
data3.addColumn('number', 'Percentage');
data3.addColumn('number', 'Mar');

data3.addRows([
    [1, 0.43],
    [2, 0.76],
    [5, 0.98],
    [6, 0.32],
    [8, 0.123],
    [9, 0.455],
    [10, 0.78],
    [12, 0.90],
    [13, 0.48]
]);

请帮忙,谢谢

1 个答案:

答案 0 :(得分:0)

你不需要加入,只需更多列......

var data1 = new google.visualization.DataTable();
data1.addColumn('number', 'Percentage');
data1.addColumn('number', 'Jan');
data1.addColumn('number', 'Feb');
data1.addColumn('number', 'Mar');

data1.addRows([
    [1, 0.48, 0.77, 0.43],
    [2, 0.66, 0.88, 0.76],
    [5, 0.55, 0.55, 0.98],
    [6, 0.28, 0.36, 0.32],
    [8, 0.332, 0.798, 0.123],
    [9, 0.625, 0.625, 0.455],
    [10, 0.5, 0.885, 0.78],
    [12, 0.34, 0.34, 0.90],
    [13, 0.668, 0.48, 0.48]
]);