javascript - 不要在C3.js甜甜圈图上显示动画

我在使用C3.js关闭动画时遇到一些麻烦。当鼠标悬停在C3.js甜甜圈图上时，是否可以删除动画？

我将持续时间设置为0，但是它不起作用-当鼠标悬停在图表上时，仍会制作动画。

示例：https://jsfiddle.net/4ff8vnx4/1/

这是我的代码：

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

最佳答案

您应该看看C3.js的reference guide。您想要的是禁用交互。您可以通过将以下代码段添加到配置对象中来实现此目的。

interaction: {
    enabled: false
}