SpreadJS 13
SpreadJS Documentation / Developer's Guide / Features / Manage Data Visualization and Objects / Charts / Chart Elements / Gridlines
In This Topic
    Gridlines
    In This Topic

    Gridlines refers to the horizontal and vertical lines appearing in the plot area of a chart.

    In SpreadJS, the major GridLine and minor Gridline have same type. You can get or set the style of the gridLine, set their color, width and the visibility.

    A basic image with configuration of major and minor gridlines for primary category axis and the primary value axis is shown below.

    Gridlines in a chart

    Using Code

    This code shows how to configure major gridlines and minor gridlines in the chart for primary category axis and primary value axis.

    JavaScript
    Copy Code
    //Configure chart gridlines
    axes.primaryValue.majorGridLine.visible = true;
    axes.primaryValue.majorGridLine.color = "Yellow";
    axes.primaryValue.majorGridLine.width = 1;
    axes.primaryValue.minorGridLine.visible = true;
    axes.primaryValue.minorGridLine.color = "Orange";
    axes.primaryValue.minorGridLine.width = 1;
    axes.primaryCategory.majorGridLine.visible = true;
    axes.primaryCategory.majorGridLine.color = "Green";
    axes.primaryCategory.majorGridLine.width = 1;
    axes.primaryCategory.minorGridLine.visible = true;
    axes.primaryCategory.minorGridLine.color = "lightblue";
    axes.primaryCategory.minorGridLine.width = 1;