jqDataVisualization for jQuery Documentation

Common.Shadows


Defines shadows settings.

Sample configuration:

var shadowsConfig = {
      enabled : true,
      shadowColor: 'gray',
      shadowBlur: 10,
      shadowOffsetX: 3,
      shadowOffsetY: 3
}

Example usage:

$(document).ready(function () {
      $('#selector').jqChart({
          title: { text: 'Shadows' },
          shadows: {
              enabled: true,
              shadowColor: 'gray',
              shadowBlur: 10,
              shadowOffsetX: 3,
              shadowOffsetY: 3
          },
          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.Shadows
: Boolean
Specifies whether or not the shadows should be enabled. ...

Specifies whether or not the shadows should be enabled.

Defaults to: false

Common.Shadows
: Number
Specifies shadows blur. ...

Specifies shadows blur.

Defaults to: 8

Common.Shadows
: String
Specifies shadows color. ...

Specifies shadows color.

Defaults to: '#cccccc'

Common.Shadows
: Number
Specifies the horizontal distance of a shadow from a shape. ...

Specifies the horizontal distance of a shadow from a shape.

Defaults to: 2

Common.Shadows
: Number
Specifies the vertical distance of a shadow from a shape. ...

Specifies the vertical distance of a shadow from a shape.

Defaults to: 2