Google可視化折線圖 - 多行

Question

我有一個折線圖，h軸是日期，v軸是雙。 我需要顯示兩行：

lineA: [
    [2016-1-1 00:00, 1.1]
    [2016-2-1 00:00, 1.1]
    [2016-3-1 00:00, 1.1]
]
lineB: [
    [2016-1-1 00:00, 2.1]
    [2016-2-1 08:00, 2.1]
    [2016-3-1 00:00, 2.1]
]

要在圖表上顯示數據，我需要組合這兩行並將結果傳遞給arrayToDataTable。

combine: [
    [2016-1-1 00:00, 1.1, 2.1],
    [2016-2-1 00:00, 1.1, null],
    [2016-2-1 08:00, null, 2.1],
    [2016-3-1 00:00, 1.1, 2.1],
]

由於上述原因，我在線上有差距。 我該如何解決這個問題？ 是否可以傳遞兩個單獨的集合，每行一個？ 我發現的所有示例都要求將它們合並為combine表。

當作為line1和line2表的一部分提供時，我需要保留空值

Answer 1

使用以下選項填充由null值創建的間隙

interpolateNulls: true

---

編輯

請參閱以下工作代碼段...

 google.charts.load('current', { callback: function () { var data = google.visualization.arrayToDataTable([ [new Date(2016, 0, 1), 1.1, 2.1], [new Date(2016, 1, 1), 1.1, null], [new Date(2016, 1, 1, 8), null, 2.1], [new Date(2016, 2, 1), 1.1, 2.1] ], true); var options = { interpolateNulls: true }; var container = document.body.appendChild(document.createElement('div')); var chart = new google.visualization.LineChart(container); chart.draw(data, options); }, packages: ['corechart'] }); 

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

Answer 2

 google.charts.load('current', { callback: function () { var data = google.visualization.arrayToDataTable([ [new Date(2016, 0, 1), 1.1, 2.1], [new Date(2016, 1, 1), 1.1, null], [new Date(2016, 1, 1, 8), null, 2.1], [new Date(2016, 2, 1), 1.1, 2.1] ], true); var options = { interpolateNulls: true }; var container = document.body.appendChild(document.createElement('div')); var chart = new google.visualization.LineChart(container); chart.draw(data, options); }, packages: ['corechart'] }); 

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