zeroLineColor和zeroLineWidth不适用于Chartjs中的x轴

1mrurvl1  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(171)

如何在Chartjs中更改x轴(水平轴)的宽度和颜色?对于y轴(垂直轴),使用zeroLineColorzeroLineWidth似乎可以,但对于x轴不起作用。
如果我们加上:

ticks: {
  beginAtZero: true
}

它按预期工作,但我不希望垂直记号从0开始。
有没有办法让这一切发生?

scales: {
        xAxes: [{
          gridLines: {
            zeroLineColor: 'black', // WORKS
            zeroLineWidth: 2 // WORKS
          },
          display: true
        }],
        yAxes: [{
          gridLines: {
            zeroLineColor: 'black', // DOES NOT WORK
            zeroLineWidth: 2, // DOES NOT WORK
          },
          id: 'y-axis-0',
          display: true,
          ticks: {
            // beginAtZero: true // This is what I dont't want to use
          }
        }]
      }

这是我用前面的代码得到的结果:

如您所见,显示的x轴在颜色或宽度上没有变化。
我使用的是2.9.4版的Chartjs库。

nr7wwzry

nr7wwzry1#

转到库的.js(在我的示例中:'node_modules/chart.js/dist/Chart.bundle.js'),并且在第12202行中,您将发现以下条件:

if (i === me.zeroLineIndex && options.offset === offsetGridLines) {

将其转换为:

if ((i === me.zeroLineIndex || (!isHorizontal && i === ticksLength - 1)) && options.offset === offsetGridLines) {

然后,对文件执行任何需要执行的压缩或操作,以将其添加到项目中。
这不是最好的解决办法,但这是我想到的。

相关问题