gpt4 book ai didi

javascript - 设置动画速度 - ChartJS?

转载 作者:数据小太阳 更新时间:2023-10-29 05:57:00 26 4
gpt4 key购买 nike

我正在尝试在 chartJS 中设置饼图的动画速度。

我试过以下方法:

  1. numSteps: 数字

  2. animationSteps:数字

  3. Chart.defaults.global.animationSteps = 数字

这些都没有改变速度。有什么建议吗?

 var myNewChart;
var data = [
{
value: 30,
label: "hello",
color: "#F7464A"
}, {
value: 50,
color: "#E2EAE9"
}, {
value: 100,
color: "#D4CCC5"
}, {
value: 40,
color: "#949FB1"
}, {
value: 100,
color: "#4D5360"
},

];


var options = {
animation: true,
animationEasing: 'easeInOutQuart',
animationSteps: 80,
multiTooltipTemplate: "<%= datasetLabel %> - <%= value %>"

};


var ctx = document.getElementById("myChart")
.getContext("2d");

myNewChart = new Chart(ctx).Doughnut(data, options);

最佳答案

使用 Chart.defaults.global.animation.duration = 3000;

关于javascript - 设置动画速度 - ChartJS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42567002/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com