如何更改chartjs中的x轴线条样式？

Question

[zeroLineWidth:0不能使用它。

我的图表选项。

xAxes: [
    {
        gridLines: {
            display: false
        }
    }
],
yAxes: [
    {
        gridLines: {
            drawBorder: false,
            drawTicks: false,
            borderDash: [4, 4],
            color: "#eee",
            zeroLineWidth: 0
        }
    }
];

如何删除或更改x轴线条样式？example image

Answer 1

zeroLineWidth显然仅在yAxis从零开始的情况下有效。可以通过在ticks.beginAtZero中添加ticks.beginAtZero来保证。

yAxis

ticks: {
  beginAtZero: true
}

new Chart(document.getElementById('myChart'), {
  type: 'line',
  data: {
    labels: ['A', 'B', 'C', 'D'],
    datasets: [{
      label: 'OK',
      data: [1, 2, 1, 2],
      fill: false,
      borderColor: 'blue'
    }]
  },
  options: {
    responsive: true,
    legend: {
      display: false
    },
    scales: {
      xAxes: [{
        gridLines: {
          display: false
        }
      }],
      yAxes: [{
        gridLines: {
          drawBorder: false,
          drawTicks: false,
          borderDash: [4, 4],
          color: "#eee",
          zeroLineWidth: 0
        },
        ticks: {
          beginAtZero: true
        }
      }]
    }
  }
});