提问人:Phii 提问时间:3/15/2023 更新时间:3/15/2023 访问量:27
带有 Canvas JS 的 ModifyChart 甜甜圈
ModifyChart Doughnut with Canvas JS
问:
如果我想在图表上设置标签,使文本位于右侧,将值设置为位于左侧,该怎么办?
doughnut: {
cutout: "60%",
interaction:{
intersect: true,
},
animation: {
animateScale: true,
animateRotate: true
},
plugins: {
tooltip: {
callbacks: {
label: ChartsConstant.Callbacks.tooltipsDoughnut
}
},
legend: {
display: true,
position: 'bottom',
labels: {
font: {
size: 16
},
style : {
display: 'flex',
flexWrap: 'wrap',
justifyContent: 'space-between',
},
generateLabels: (chart) => {
const datasets = chart.data.datasets;
return datasets[0.data.map((amount, i) => {
const number = ProcessableToReadable(amount);
return {
text: `${chart.data.labels[i]}: ${number}`,
fillStyle: datasets[0].backgroundColor[i],
}
})
}
}
在这里,我尝试使用一种样式,以便文本可以左右对齐,但这不起作用。那么我有没有其他方法可以尝试呢?我真的希望有人能帮助解决这个问题
答: 暂无答案
评论