具有空值的折線圖：如何保持連線？

Question

Im使用Chart.js在我的網頁上創建圖表。現在我想用線條和條形數據創建組合圖表。由於我的線條和條形數據是相互獨立的，我需要使用空值。例如：

x-labels: 08:00, 09:00, 10:00, 11:00, 12:00 
y-line: 12, null, 10, null, 15 
y-bar: null, 25, null, 30, null 

您可以以此JsFiddle爲例。正如你所看到的那樣，線數據只是點，而不是線連接。我想要這些點與線連接。 我該怎麼做？

Answer 1

覆蓋beforeDatasetsDraw

Chart.pluginService.register({ 
    beforeDatasetsDraw: function(chart) { 
     for (dataset of chart.config.data.datasets) { 
      for(data of dataset._meta[chart.id].data) { 
       data._model.skip = false; 
       data._model.tension = 0; 
      } 
     } 
    } 
}); 

Answer 2

而不是null值嘗試'0'，或儘可能最小值。

x-labels: 08:00, 09:00, 10:00, 11:00, 12:00 
y-line: 12, 0, 10, 0, 15 
y-bar: 0, 25, 0, 30, 0 

它無法處理null。希望這可以幫助。