PlotArea Class

File: wijmo.chart.js
Module: wijmo.chart

Represents a plot area on the chart.

The chart can have multiple plot areas with multiple axes. To assign axis to plot area use Axis.plotArea property. For example:

// create a plot area
 var pa = new wijmo.chart.PlotArea();
 pa.row = 1;
 chart.plotAreas.push(pa);

 // create auxiliary y-axis
 var ay2 = new wijmo.chart.Axis(wijmo.chart.Position.Left);
 ay2.plotArea = pa; // attach axis to the plot area
 chart.axes.push(ay2);

 // plot first series along y-axis
 chart.series[0].axisY = ay2;

Constructor

constructor

Properties

column
height
name
row
style
width

Constructor

constructor

constructor(): PlotArea

Initializes a new instance of the PlotArea class.

Returns: PlotArea

Properties

column

Gets or sets the column number of plot area. Using column property, you can set vertical position of the plot area on the chart.

Type: number

height

Gets or sets height of the plot area.

The height can be specified as number(sets the height in pixels) or string in the format '{number}*' (star sizing).

Type: any

name

Gets or sets the plot area name.

Type: string

row

Gets or sets the row number of plot area. Using row property, you can set horizontal position of the plot area on the chart.

Type: number

style

Gets or sets the style of the plot area.

Using style property, you can set appearance of the plot area. For example:

pa.style = { fill: 'rgba(0,255,0,0.1)' };

Type: any

width

Gets or sets width of the plot area.

The width can be specified as number(sets the width in pixels) or string in the format '{number}*' (star sizing).

Type: any