Chart.js：僅顯示零指數處的水平網格線

Question

如何顯示零值處的水平網格線？

我目前使用下面的代碼：

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

時被顯示在HTML頁面上有一個白色背景圖也能正常工作。

但是，當圖表被保存並在圖片瀏覽器中看到時，會出現白線（我需要隱藏/刪除這些行，同時將行保持在零位置）。

例子：

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