jqDataVisualization for jQuery Documentation

Common.Animation


Defines an animation.

Sample configuration:

var animationConfig: {
    enabled : true,
    delayTime: 1,
    duration: 2
}

Example usage:

$(document).ready(function () {
      $('#selector').jqChart({
          title: { text: 'Animation' },
          animation: {
              enabled: true,
              delayTime: 1,
              duration: 2
          },
          series: [
              {
                  type: 'column',
                  title: 'Column',
                  data: [['A', 46], ['B', 35], ['C', 68], ['D', 30], 
                         ['E', 27], ['F', 85], ['D', 43], ['H', 29]]
              },
              {
                  type: 'line',
                  title: 'Line',
                  data: [['A', 69], ['B', 57], ['C', 86], ['D', 23], 
                         ['E', 70], ['F', 60], ['D', 88], ['H', 22]]
              }
          ]
      }
  }
Defined By

Config options

Common.Animation
: Number
Specifies the initial delay time of the animation (in seconds). ...

Specifies the initial delay time of the animation (in seconds).

Defaults to: 0

Common.Animation
: Number
Specifies the animation duration (in seconds). ...

Specifies the animation duration (in seconds).

Defaults to: 2

Common.Animation
: Boolean
Specifies whether or not the animation is enabled. ...

Specifies whether or not the animation is enabled.

Defaults to: true