ASP.NET Core MVC Controls | ComponentOne
In This Topic
    PlotArea Class
    In This Topic
    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 PlotArea();
     pa.row = 1;
     chart.plotAreas.push(pa);
    
     // create auxiliary y-axis
     var ay2 = new Axis(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

    Properties

    Constructor

    constructor

    constructor(options?: any): PlotArea
    

    Initializes a new instance of the PlotArea class.

    Parameters
    • options: any
    Optional

    Initialization options for the plot area.

    Returns
    PlotArea

    Properties

    column

    Gets or sets the column index of plot area. This determines the horizontal position of the plot area on the chart.

    Type
    number

    height

    Gets or sets the height of the plot area.

    The height can be specified as a number (in pixels) or as a 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 index of plot area. This determines the vertical 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 a number (in pixels) or as a string in the format '{number}*' (star sizing).

    Type
    any