Chart.js: Nur die horizontale Gitternetzlinie bei Null anzeigen

Question

Wie kann ich die horizontale Gitternetzlinie mit Null anzeigen?

verwende ich zur Zeit des folgenden Code:

yAxes: [{ 
    gridLines: { 
     display: true, 
     color: [ 
      "rgba(0, 0, 0, 0.1)", 
      "rgb(255, 255, 255)", 
      "rgb(255, 255, 255)", 
      "rgb(255, 255, 255)", 
      "rgb(255, 255, 255)" 
     ], 
    }, 
    afterTickToLabelConversion: function (scaleInstance) { 
     scaleInstance.ticks.unshift(null); 
     scaleInstance.ticksAsNumbers.unshift(null); 
     scaleInstance.zeroLineIndex++ 
     display: false 
    }, 

Dies funktioniert gut, wenn die Diagramme auf der HTML-Seite mit einem weißen Hintergrund angezeigt werden.

Wenn das Diagramm jedoch gespeichert und in einem Bildbetrachter angezeigt wird, wird die weiße Linie angezeigt (ich muss diese Linie ausblenden/entfernen, während die Linie an der Nullposition bleibt).

Beispiel:

Answer 1

Diese Einstellungen für mich gearbeitet:

gridLines: { 
    color: "transparent", 
    display: true, 
    drawBorder: false, 
    zeroLineColor: "#ccc", 
    zeroLineWidth: 1 
} 

http://www.chartjs.org/docs/latest/axes/styling.html#grid-line-configuration