Chart.js：ゼロインデックスで水平グリッド線のみを表示

Question

ゼロ値で表示される水平グリッド線を表示するにはどうすればよいですか？チャートは、白い背景でHTMLページに表示されているとき

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 
    }, 

これは正常に動作します：

私は現在、次のコードを使用しています。

しかし、グラフが保存されて画像ビューアに表示されているときは、白線が表示されます（線をゼロ位置に保ちながら、これらの線を非表示/削除する必要があります）。

例：

Answer 1

これらの設定は、私の仕事：

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

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