带有 Canvas JS 的 ModifyChart 甜甜圈

ModifyChart Doughnut with Canvas JS

提问人:Phii 提问时间:3/15/2023 更新时间:3/15/2023 访问量:27

问:

如果我想在图表上设置标签,使文本位于右侧,将值设置为位于左侧,该怎么办?

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],
                                    }
                                })
                            }
                    }

在这里,我尝试使用一种样式,以便文本可以左右对齐,但这不起作用。那么我有没有其他方法可以尝试呢?我真的希望有人能帮助解决这个问题

javascript 图表 canvasjs

评论

0赞 Vishwas R 3/20/2023
共享的代码似乎不是 CanvasJS 甜甜圈图!

答: 暂无答案