Liniendiagramm mit Nullwerten: Wie lassen sich Linien verbinden?

Question

Ich verwende Chart.js, um Diagramme auf meiner Webseite zu erstellen. Jetzt möchte ich kombinierte Diagramme mit Linien- und Balkendaten erstellen. Da meine Zeilen- und Balkendaten unabhängig voneinander sind, muss ich Nullwerte verwenden. Zum Beispiel:

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 

Sie können diese JsFiddle als Beispiel nehmen. Wie Sie sehen können, sind die Liniendaten nur Punkte, sie sind nicht mit Linien verbunden. Ich möchte, dass diese Punkte mit Linien verbunden sind. Wie kann ich das tun?

Answer 1

Aufschalten 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

Anstelle von null Werte versuchen mit '0' oder dem minimal möglichen Wert.

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 

Es ist nicht in der Lage null zu verarbeiten. Hoffe das hilft.