seriesTransition Field

Creates the animation object to use when the seriesList data changes.

Syntax

Javascript (Usage)
var value; // Type: chart_animation value = jQuery.wijmo.wijbarchart.options.seriesTransition;

Javascript (Specification)
var seriesTransition : chart_animation;

Example

Javascript

// This code creates a chart with random data that regenerates when you click the button created in the
second code snippet below
 $(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 }
    };
}

Remarks

This allows you to visually show changes in data for the same series. Note: This animation does not appear when you first load or reload the page--it only occurs when data changes.

Browser Compatibility

See Also

Reference