如何为 Google 图表加入多个 DataTable答案

【问题标题】：How to join multiple DataTable for Google chart如何为 Google 图表加入多个 DataTable
【发布时间】：2017-03-17 18:41:58
【问题描述】：

我想绘制 x 轴为Date 的多个折线图。

function drawChart() {
    var chartData = [
        [["date", "chart1"],
            [new Date('2017-02-06'), 0.73], [new Date('2017-02-02'), 0.84], [new Date('2017-02-01'), 1.0], [new Date('2017-01-31'), 0.97],
            [new Date('2017-01-30'), 0.86], [new Date('2017-01-25'), 0.88]],
        [["date", "chart2"],
            [new Date('2017-02-16'), 0.52], [new Date('2017-02-22'), 0.43]],
        [["date", "chart3"],
            [new Date('2017-02-21'), 0.6], [new Date('2017-02-22'), 0.42], [new Date('2017-02-15'), 0.61], [new Date('2017-02-20'), 0.56]]
    ]
    var options = {
        title: 'joined chart'
    };
    var dt1 = google.visualization.arrayToDataTable(chartData[0]);
    var dt2 = google.visualization.arrayToDataTable(chartData[1]);
    var dt3 = google.visualization.arrayToDataTable(chartData[1]);
    var data = google.visualization.data.join(dt1, dt2, 'full', [[0, 0]], [1], [1]);
    new google.visualization.ComboChart(document.getElementById('chart-div')).draw(data, options);
}

当只有两个 DataTable 数据时，它按我的预期工作。

要画三行，我是这样写的：

var data3 = google.visualization.data.join(data, dt3, 'full', [[0, 0]], [1], [1]);

但后来结果图画得不好。

我怎样才能加入超过两个的谷歌图表DataTable？

这是 jsfiddle 中的代码。 http://jsfiddle.net/fe26/gtf960nm/1/

【问题讨论】：

标签： javascript google-visualization

【解决方案1】：

组合两个独立图表的方法是使用join 方法：

var joinedData = google.visualization.data.join(dt1, data2, 'full', [[0, 0]], [1], [1]);
var joinedData2 = google.visualization.data.join(joinedData, dt3, 'full', [[0, 0]], [1,2], [1]);

这里使用google.visualization.data.join 方法组合了前两个数据集。然后使用 join 方法将另一个第三个数据集组合到那个数据集。

小提琴： http://jsfiddle.net/q5ft1dex/

【讨论】：

你写的是一个简单的折线图。我想知道如何连接两个或多个具有不同 x 轴值的折线图。
我明白了，我更新了我的答案，请看一下。我想这就是你想要的。