javascript - chart.js zeroLineColor无法按预期工作

我不知道这是回归还是不正确。

我希望图表显示黑色边框。我在另一个stackoverflow问题上发现，您需要为此添加空轴。

但是我为它们中的每个定义了zeroLineColor，这没有任何作用。颜色仍然是默认值。

此外，如果我指定了gridLines颜色，则该颜色用于zeroLineColor。

这是简单的示例：https://jsfiddle.net/2sLmoc1u/没有黑色边框。灰色或黑色，alpha值过多

var chart = new Chart(ctx, {
  type: 'line',
  data: {
    //labels: [ 1, 2, 3, 4, 5, 6],
    datasets: [{
      label: '# of Votes',
      data: [12, 19, 3, 5, 2, 3],
    }]
  },
  options: {
    responsive: false,
    legend: {
      display: false
    },
    scales: {
      xAxes: [{
        gridLines: {
          zeroLineColor: '#000',
          color: '#999', // the bottom axes is grey instead of black
        },
      }, {
        position: 'top',
        ticks: {
          display: false
        },
        gridLines: {
          zeroLineColor: '#000' // this seems to do nothing
        }
      }],
      yAxes: [{
        ticks: {
          display: false
        },
        gridLines: {
          display: false,
          drawTicks: false,
          zeroLineColor: '#000'
        }
      }, {
        position: 'right',
        ticks: {
          display: false
        },
        gridLines: {
          display: false,
          drawTicks: false,
          zeroLineColor: '#000'
        }
      }],
    }
  }
});

最佳答案

这是实现零线颜色的方法。

Chart.defaults.scale.gridLines.color = "#FFFFFF"; //white