Javascript 不在C3.js圆环图上显示动画

Javascript 不在C3.js圆环图上显示动画,javascript,animation,d3.js,c3.js,Javascript,Animation,D3.js,C3.js,我在使用C3.js关闭动画时遇到一些问题。当鼠标移到C3.js甜甜圈图表上的点上时,是否可以删除动画 我将持续时间设置为0,但它不起作用-当鼠标悬停在图表上时,仍会制作动画 例如: 这是我的代码: var chartDonut1 = c3.generate({ bindto: "#chart1", data: { type: 'donut', json: [ {"Parfait": 190},

我在使用C3.js关闭动画时遇到一些问题。当鼠标移到C3.js甜甜圈图表上的点上时,是否可以删除动画

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

例如:

这是我的代码:

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的版本。您想要的是禁用交互。您可以通过向配置对象添加以下代码段来实现这一点

interaction: {
    enabled: false
}

您应该看看C3.js的版本。您想要的是禁用交互。您可以通过向配置对象添加以下代码段来实现这一点

interaction: {
    enabled: false
}

使用“展开”选项部分禁用动画


更新了我的示例:

使用展开选项部分禁用动画


更新了我的示例:

当此选项设置为false时,所有显示/隐藏工具提示、选择、鼠标事件等的交互都将被禁用。我想禁用动画,而不是交互,尤其是显示/隐藏工具提示。@LeMoussel这是不可能的。您可以启用或禁用交互,但不能仅禁用动画。当此选项设置为false时,所有显示/隐藏工具提示、选择、鼠标事件等的交互都将禁用。我想禁用动画,而不是交互,尤其是显示/隐藏工具提示。@LeMoussel这是不可能的。可以启用或禁用交互,但不能仅禁用动画。