[ChartJs]如何修改图表的高度,而不是通过画布更改

whhtz7ly  于 11个月前  发布在  Chart.js
关注(0)|答案(2)|浏览(123)

enter image description here我的选择像这样
datalabels:{ align:“end”,offset:40,},
因为我设置了偏移量,所以它上面的内容超出了画布,被隐藏了。当我在顶部显示数据时,折线图也会出现同样的问题,如enter image description here
我猜是因为内容超过了画布的高度,我想知道我是否可以在不改变画布宽度和高度的情况下减少图表的宽度和高度,就像这个enter image description here
我尝试设置响应,但宽度或高度始终是一个是顶部网格

5us2dqdw

5us2dqdw1#

您可以使用padding选项在画布边缘和图表之间添加空间,方法是设置options.layout.padding
https://www.chartjs.org/docs/master/general/padding.html

l5tcr1uw

l5tcr1uw2#

问题已解决,只需设置填充即可
布局:{
填充:{
顶部:130
}
},如果你想设置宽度和高度,记得设置响应:true

相关问题