angularjs - angularjsのあるハイチャート:値を更新するときのバーのスムーズな移行

原文 angularjs highcharts highcharts-ng

シリーズを更新するこの例(JSfiddle)を見つけました。

$scope.chartConfig.series[0].data = rnd;


ただし、「Update Series」ボタンをクリックすると、バーはスムーズではなく瞬時に変化します。
この例(JSfiddle)のように、AngularJSを維持しながらバーのトランジション効果をスムーズにすることは可能ですか?

chart.series[0].data[0].update(i % 2 ? 200 : 0);


敬具、
ジェームズ。
答え
このAPIを確認してください
http://api.highcharts.com/highcharts#plotOptions.series.animation

アニメーションを系列オブジェクトに追加します。期間はミリ秒です

series: [{
        data: [10, 15, 12, 8, 7,10, 15, 12, 8, 7],
        animation: {
            duration: 1000
        }
    }]


http://jsfiddle.net/rSHN4/3/
関連記事

json - Angularjs:IE11でJSON応答がレンダリングされない

angularjs - AngularJS:無効なボタンにオートフォーカス

javascript - AngularJSの固定ヘッダーの背景がページによって変わる

javascript - AngularJSの1つのSubmit Allボタンで複数のフォームを送信する

javascript - $ ionicPlatform.ready()とAngularJS Cordovaのコントローラー間のデータのバインド

angularjs - Monaca +バーコードスキャナーのコールバックの問題

javascript - イオンクロスドメイン問題

angularjs - Angular JSを使用したタイルダッシュボードの作成

python - Flask / rest APIへのAngularJS GETリクエスト

javascript - クリック後に表示されるテンプレートの一部へのディレクティブの作成