Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Disable Animation with Charts.js

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?

like image 291
Cronner Avatar asked Jan 27 '14 19:01

Cronner


People also ask

Does chart js use SVG?

Chart. js renders its charts using the Canvas element which results in good performance compared with SVG, espcially when rendering a large amount of data. The other advantage of Canvas rendering is that it's relatively easy to download the chart as an image file.

What is chart legend Javascript?

The chart legend displays data about the datasets that are appearing on the chart.

How do you animate charts in PowerPoint?

Add a chart/graph, select the proper symbol on the “Format” tab in the toolbar. Select the chart/graph on the slide. Select the “Animations” tab in the tool bar and select the animation you want to use. Now by default PowerPoint will animate the whole chart/graph, thus all elements will appear at once.


1 Answers

options: {     animation: {         duration: 0     } } 
like image 131
plmk Avatar answered Sep 21 '22 12:09

plmk