seriesTransition オプション

seriesList データが変化するときに使用するアニメーションオブジェクトを作成します。

シンタックス

Javascript (Usage)
$(function () { //値を取得する var returnsValue; //タイプ： wijmo.chart.chart_animation returnsValue = $(".selector").wijchartcore("option", "seriesTransition"); //値を設定します var newValue; //タイプ： wijmo.chart.chart_animation $(".selector").wijchartcore("option", "seriesTransition", newValue); });

Javascript (Usage)

$(function () {
    
    //値を取得する
    var returnsValue; //タイプ： wijmo.chart.chart_animation
    returnsValue = $(".selector").wijchartcore("option", "seriesTransition");
    
    //値を設定します
    var newValue; //タイプ： wijmo.chart.chart_animation
    $(".selector").wijchartcore("option", "seriesTransition", newValue);
        
});

Javascript (Specification)
var seriesTransition : chart_animation;

使用例

Javascript

// 以下のコードは、ランダムデータを表示するチャートを作成します。以下の 2 番目のコードスニペットで作成されたボタンをクリックすると、ランダムデータが再生成されます。 $(document).ready(function () {$("#wijbarchart").wijbarchart({seriesList: [createRandomSeriesList("2013")],seriesTransition: { duration: 800, easing: "easeOutBounce"}});} );function reload() { $("#wijbarchart").wijbarchart("option", "seriesList", [createRandomSeriesList("2013")]);}function createRandomSeriesList(label) { var data = [], randomDataValuesCount = 12, labels = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], idx; for (idx = 0; idx < randomDataValuesCount; idx++) { data.push(Math.round(Math.random() * 100)); } return { label: label, legendEntry: false, data: { x: labels, y: data } };}

解説

これにより、同じ系列のデータの変化を視覚的に表示できます。注: このアニメーションは、ページを最初にロードしたとき、またはページを再ロードしたときには実行されません。データが変化したときにだけ実行されます。

関連トピック

参照