在c3.js中生成点对点动画

Question

如何在添加新点时生成动画（不重新启动图表中的所有点）。当添加新点时，更改有点突然。我们的想法是在添加新点或新点时生成动画。

例如： https://jsfiddle.net/ej0wLtv6/

这是我的代码：

https://jsfiddle.net/pL4mL2sr/

setTimeout(load, 1000);
function load(){
    chart.load({
       xs: {
          data1: 'data1_x'
       },
       columns: [
          data1_x,
          data1
        ]
   });
}

Answer 1

You want to apply a duration to the transition：

通过将此添加到您传递给c3的选项上，它会在点更新时提供平滑的感觉

transition: {
  duration: 2000
}

查看更新的小提琴，了解您的数据示例：https://jsfiddle.net/j1afur1j/