Disable Animation with Charts.js

javascript charts
Cronner picture Cronner · Jan 27, 2014 · Viewed 80k times · Source

I'm having some trouble turning off the animation with charts.js.

This is my code: 

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);

Can anyone provide an example?

Answer

palermuke picture palermuke · Apr 27, 2017 
options: {
    animation: {
        duration: 0
    }
}

Related questions

Dynamically update values of a chartjs chart

I created an basic bar chart using chartjs and it works fine. Now I want to update the values on a time based interval. My problem is that after I created the chart, I do not know how to update …

Read More
JavaScript Chart Library

Would anyone recommend a particular JavaScript charting library - specifically one that doesn't use flash at all?

Read More
Click events on Pie Charts in Chart.js

I've got a question regard Chart.js. I've drawn multiple piecharts using the documentation provided. I was wondering if on click of a certain slice of one of the charts, I can make an ajax call depending on the value …

Read More