在C3.js图表​​上进行选择时,不要显示动画

时间:2015-04-23 10:05:56

标签: c3.js c3

当我在C3.js图表​​上选择数据点时,是否可以删除动画?我已启用选择并且持续时间设置为0,但它不起作用 - 当我点击点动画时仍然可以。我的代码:

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ], selection: {enabled:true}
    }, transition:  {duration: 0}
});
chart.select(['data1'], [1,3,5]);

感谢您的帮助! 马丁

1 个答案:

答案 0 :(得分:3)

您正在使用chart.transitionpoint.focus.expand.enabled用于指定(例如)动画添加数据到图表时使用的时间/延迟。

您想要的是var x = 100; var myCounter = setInterval(function(){ console.log(x); x = x+100; if(x == 110){ clearInterval(myCounter); //to clear interval } }, 2000); 属性,请参阅: http://c3js.org/reference.html#point-focus-expand-enabled

以下是一个例子: http://jsfiddle.net/jrdsxvys/7/