一連のデータポイントに基づいてアニメーションを制御できますか？

Question

私は10ミリメートルごとに移動距離である300データポイントのセットを持っています。これは実験結果なので、グラフの正確な式はありません。このようにしてX方向に移動するオブジェクトをアニメーション化することができます。データポイントを読み取り、それに応じて移動します。データ点は線形ではありません。

Answer 1

私はchart.js documentationを見ました。変更を加えた後にグラフを更新する更新方法があるようです。あなただけの300異なる単一ポイントで1ポイントをアニメーション化するために探しているなら、あなたはおそらくちょうど結果をループタイムアウトを行うことができます：私はこのコードをテストしていない

var myBubbleChart = new Chart(ctx, { 
    type: 'bubble', 
    data: data, 
    options: options 
}); 

getData() //some method to obtain the datapoints 
    .then(function (result) { 

     for (var i = 0; i < result.length; i++) { 
      setTimeout(function (myBubbleChart, result) { 
       myBubbleChart.data.datasets[0].data[0] = result; 
       myBubbleChart.update(); 
      }, 10 * i, myBubbleChart, result[i]); 
     } 

}); 

、それはどのように私の単なる一例ですあなたが探しているものを達成できると思います。