使用Charts.js禁用动画

我在使用charts.js关闭动画时遇到了一些问题。使用Charts.js禁用动画

这是我的代码：

var pieData = [ 
    { 
     value: 30, 
     color:"#F38630" 
    }, 
    { 
     value : 50, 
     color : "#E0E4CC" 
    }, 
    { 
     value : 100, 
     color : "#69D2E7" 
    }  
]; 

var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData);

谁能提供一个例子吗？

来源

2014-01-27 Cronner

var pieData = [{ 
    value: 30, 
    color: "#F38630" 
}, 
{ 
    value: 50, 
    color: "#E0E4CC" 
}, 
{ 
    value: 100, 
    color: "#69D2E7" 
}]; 

var pieOptions = { 
    animation: false 
}; 

var ctx = document.getElementById("canvas").getContext("2d"); 
var myPie = new Chart(ctx).Pie(pieData, pieOptions);

这应该工作;）

来源

2014-03-23 20:53:16 Skrzypek

哪里是'options.animation'的文档中列出？ http://www.chartjs.org/docs/latest/general/options.html和http://www.chartjs.org/docs/latest/configuration/animations.html都没有提到布尔“动画”属性。 – Dai

@戴不要比较4岁的答案与当前的文档。 – Skrzypek

但你的答案适用于当前版本的ChartJS，这就是为什么我给你一个upvote。 Sugoi Sugoi， – Dai

为了防止读取所有接受的答案，回答的是具体的例子，来禁用图表JS动画：

在你的选择初始化的时候传递一个对象特定的图表类型并使用以下键/值对：animation: false。例如myChart.Bar(myCanvas, {animation:false});

来源

2016-07-01 14:22:17 user3791372

options: { 
    animation: { 
     duration: 0 
    } 
}

来源

2017-04-27 12:51:02 palermuke

这应该做的伎俩：

chartOption = { 
     animation:{ 
      duration: 0 
     } 
    }

来源

2018-02-15 11:55:38

使用Charts.js禁用动画

回答

相关问题