title: Do not show animations on C3.js Donut chart
body: <p>I'm having some trouble turning off the animation with C3.js. Is it possible to remove animations when mouse over point on C3.js donut chart? </p>
  
  <p>I have duration set to 0, but it does not work - when mouse over chart, animation is still made. </p>
  
  <p>Example : <a href="https://jsfiddle.net/4ff8vnx4/1/" rel="nofollow">https://jsfiddle.net/4ff8vnx4/1/</a></p>
  
  <p>This is my code: </p>
  
  <pre><code>var chartDonut1 = c3.generate({
    bindto: "#chart1",
    data: {
              type: 'donut',
              json: [
                  {"Parfait": 190},
                  {"Bien": 120},
                  {"Trop court": 32},
                  {"Trop long": 22}
              ],
              keys: {
                  value: ['Parfait', 'Bien', 'Trop court', 'Trop long']
              },
              names: {
                  'Parfait': 'Parfait (entre 50 \340 60 car.)',
                  'Bien': 'Bien (entre 40 \340 49 ou  61 \340 69 car.)',
                  'Trop court': 'Trop court (inf\351rieur \340 40 car.)',
                  'Trop long': 'Trop long (sup\351rieur \340 79 car.)'            
              }
    },
    transition:  {duration: 0}
  });
  </code></pre>