jqDataVisualization for jQuery Documentation

Common.Gradient


Defines a gradient - linear or radial. For example:

var linearGradient = {
     type: 'linearGradient',
     x0: 0,
     y0: 0,
     x1: 0,
     y1: 1,
     colorStops: [{ offset: 0, color: 'black' },
                  { offset: 1, color: 'white'}]
};


var radialGradient = {
     type: 'radialGradient',
     x0: 0.5,
     y0: 0.5,
     x1: 0.5,
     y1: 0.5,
     r0: 0,
     r1: 1,
     colorStops: [{ offset: 0, color: 'black' },
                  { offset: 1, color: 'white'}]
};
Defined By

Config options

Common.Gradient
: Common.ColorStop[]

Specifies the gradient color stops.

Specifies the gradient color stops.

Common.Gradient
: Number
Specifies gradient r0. ...

Specifies gradient r0.

Defaults to: 0

Common.Gradient
: Number
Specifies gradient r1. ...

Specifies gradient r1.

Defaults to: 1

Common.Gradient
: String
Specifies the gradient type - 'linearGradient' or 'radialGradient'. ...

Specifies the gradient type - 'linearGradient' or 'radialGradient'.

Defaults to: 'linearGradient'

Common.Gradient
: Number
Specifies gradient x0. ...

Specifies gradient x0.

Defaults to: 0

Common.Gradient
: Number
Specifies gradient x1. ...

Specifies gradient x1.

Defaults to: 1

Common.Gradient
: Number
Specifies gradient y0. ...

Specifies gradient y0.

Defaults to: 0

Common.Gradient
: Number
Specifies gradient y1. ...

Specifies gradient y1.

Defaults to: 1