我有一个 chart.js 饼图。当我更新数据集时,我希望饼段能够平滑地调整大小以适应新值(即大小增加/缩小)。
饼图每次都会进行旋转过渡。设置新数据后,我可以使用 .update('none') 关闭旋转转换,但是饼图会立即更改而没有转换。
有没有办法做到这一点?
我的饼图设置代码是:
chartRegion_Emissions_ANZIC_BreakdownChart = new Chart(ctx, {
type: 'pie',
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
tooltip: {
mode: 'nearest',
callbacks: {
label: function (tooltipItem, data) {
return tooltipItem.label + ': ' + addCommas(tooltipItem.raw) + 'kt';
}
}
}
}
},
data: {
labels: [],
datasets: []
}
});
并且更新代码(在 AJAX 请求之后)是......
chartRegion_Emissions_ANZIC_BreakdownChart.data.labels = data.labels;
chartRegion_Emissions_ANZIC_BreakdownChart.data.datasets[0] = data.data[0];
chartRegion_Emissions_ANZIC_BreakdownChart.update();//'none');
我正在使用 chart.js 3.3.2 版...感谢您的帮助
干杯