删除Chart.js中的左填充和右填充

j91ykkif  于 2022-11-23  发布在  Chart.js
关注(0)|答案(2)|浏览(151)

在使用chart.js时,如何删除canvas元素中的填充?(参见下图中的红色区域)
我已经将“填充选项”设置为0,但这似乎并不影响“画布”本身内部的左右间距。
理想情况下,X轴的标签也应该在图表区结束的位置开始和结束。不确定如何实现。

蓝色区域是画布区域。红色是我想删除的间距。

ngynwnxp

ngynwnxp1#

在y轴上使用drawTicks

options: {
    scales: { 
        yAxes: {
            grid: {
                drawTicks: false,
            },
        },
    }
}
rqdpfwrv

rqdpfwrv2#

如果不显示代码,很难说,但对我来说,它可能看起来像是标签在两侧添加填充。
您是否尝试过旋转标签以查看是否有帮助:

options: {
    scales: {
      xAxes: [{
        ticks: {
          autoSkip: false,
          maxRotation: 90,
          minRotation: 90
        }
      }]
    }
  }

相关问题