2017-09-21 15 views
-1

新しいポイントが追加されたときにアニメーションを生成するにはどうすればよいですか(チャート内のすべてのポイントを再開する必要はありません)。新しいポイントが追加されると、その変更はやや急激になります。新しいポイントや新しいポイントを追加するときにアニメーションを生成することが考えられます。例えばc3.jsのポイントツーポイントアニメーションを生成

https://jsfiddle.net/ej0wLtv6/

これは私のコードです:

https://jsfiddle.net/pL4mL2sr/

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

答えて

0

You want to apply a duration to the transition

あなたはC3に渡す、あなたのオプションにこれを追加することで、それができますポイント更新時のスムーズな感じ

transition: { 
    duration: 2000 
} 

あなたのデータを例えば更新フィドルアウトチェックアウト:https://jsfiddle.net/j1afur1j/

+0

ポイントツーポイントではなく、私はいつものようにあなたの努力に感謝しますが、不透明度を有する唯一のアニメーションがあります:( – yavg