Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js更新雷达图的动画_Javascript_Chart.js - Fatal编程技术网

Javascript Chart.js更新雷达图的动画

Javascript Chart.js更新雷达图的动画,javascript,chart.js,Javascript,Chart.js,我无法找到以下问题的答案,我认为最好用例子来描述: 我将雷达图数据中的一个值从6改为10,而其他值保持不变。如果我现在触发非零动画时间的更新,它将重新绘制图表,同时从零开始为每个值绘制。我更希望动画只是动画的变化,也就是说,从6到10的问题属性的运动。有可能吗?有。这是可能的。这取决于您如何更新图表选项。看 若要更新选项,支持就地修改options属性或传入新的options对象 如果选项进行了适当的修改,其他选项属性将被保留,包括那些由Chart.js计算的属性 若创建为一个新对象,这就像

我无法找到以下问题的答案,我认为最好用例子来描述:


我将雷达图数据中的一个值从6改为10,而其他值保持不变。如果我现在触发非零动画时间的更新,它将重新绘制图表,同时从零开始为每个值绘制。我更希望动画只是动画的变化,也就是说,从6到10的问题属性的运动。有可能吗?

有。这是可能的。这取决于您如何更新图表选项。看

若要更新选项,支持就地修改options属性或传入新的options对象

  • 如果选项进行了适当的修改,其他选项属性将被保留,包括那些由Chart.js计算的属性

  • 若创建为一个新对象,这就像创建一个带有选项的新图表——旧选项将被丢弃


对。这是可能的。这取决于您如何更新图表选项。看

若要更新选项,支持就地修改options属性或传入新的options对象

  • 如果选项进行了适当的修改,其他选项属性将被保留,包括那些由Chart.js计算的属性

  • 若创建为一个新对象,这就像创建一个带有选项的新图表——旧选项将被丢弃


下面是一个显示图表更新而不重新绘制的示例。运行代码段并按下“更新”按钮,每次将数据点
b
增加1

让myChart=新图表(document.getElementById('Chart'){
类型:“雷达”,
数据:{
标签:['a','b','c','d','e'],
数据集:[{
标签:“系列1”,
数据:[0,2,7,10,3]
}]
},
选项:{
MaintaintAspectRatio:false
}
});
document.getElementById('update').addEventListener('click',function(){
myChart.data.datasets[0]。数据[1]+=1;
myChart.update();
});
更新!

下面是一个示例,显示了在不重新绘制的情况下更新图表。运行代码段并按下“更新”按钮,每次将数据点
b
增加1

让myChart=新图表(document.getElementById('Chart'){
类型:“雷达”,
数据:{
标签:['a','b','c','d','e'],
数据集:[{
标签:“系列1”,
数据:[0,2,7,10,3]
}]
},
选项:{
MaintaintAspectRatio:false
}
});
document.getElementById('update').addEventListener('click',function(){
myChart.data.datasets[0]。数据[1]+=1;
myChart.update();
});
更新!

不幸的是,我似乎监督了这一点:/谢谢你的回答。不幸的是,我似乎监督了这一点:/谢谢你的回答。你们都很有帮助,但我想我会把这作为一个运行示例,我希望我能给两分;谢谢:)你们两位都很有帮助,但我想我会把这作为一个运行的例子,我希望我能给两分;谢谢:)