ChartJS 将标签向右旋转45度

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

我在图表中有以下选项:

options:{
    scales: {
        xAxis:{
            ticks: { maxRotation: 45, minRotation: 45 },
        }
    }
}

但这不是我想要的。我想要-45,这是最糟糕的:

我真正想要的是:

可以这样配置吗?

mpgws1up

mpgws1up1#

我不确定它是否适用于您的场景,但您可以尝试一下。

options:{
    scales: {
        xAxis:{
            ticks: {
                offset: true,
                padding: 20,
                labelOffset: 25,
                align: 'start',
                maxRotation: 315,
                minRotation: 315,
            },
        }
    }
}

您可以根据需要增加或减少labelOffsetpadding属性。

备注-备注:这可能会导致边缘的标签被canvas的边缘裁剪。要解决此问题,您可以增加canvas标记的大小,并在画布内提供一些padding

例如:

options: {
    layout: {
        padding: 25, // in pixels
  }
}

如果我没猜错的话,提供画布padding等于刻度labelOffset将解决这个裁剪问题。

相关问题