我正在使用 ChartJS 处理甜甜圈图,但在尝试在图表和图例之间创建某种空间时遇到了麻烦。
这是我的传奇配置:
plugins: {
legend: {
display: true,
align: 'start',
position: 'bottom',
}
}
Run Code Online (Sandbox Code Playgroud)
这就是我编写的用于为图例添加更多高度的插件:
const LegendMargin = {
id: 'LegendMargin',
beforeInit(chart, legend, options) {
const fitValue = chart.legend.fit;
chart.legend.fit = function fit() {
fitValue.bind(chart.legend)();
this.height += 40;
}
}
}
Run Code Online (Sandbox Code Playgroud)
该插件增加了图表下方图例的高度,但文本仍然与框顶部对齐,这并不能解决问题。
我可以以某种方式将文本对齐到框的底部或在图例和图表之间创建某种边距/填充吗?
太感谢了