gridMajor Field

A value that provides information for the major grid line.

Default: {visible:false, style:{stroke:"#CACACA","stroke-dasharray":"- "}}

Type: Object

Syntax

Javascript (Usage)
Javascript (Specification)

var instance; // Type: wijmo.chart.chart_axis;
var value; // Type: chart_axis_grid
value = instance.gridMajor;

var gridMajor : chart_axis_grid;

Example

This code sets the X axis gridMajor option's visible attribute to true to display the dashed lines that appear by default. You can customize these lines using the style attribute. Just setting visible to true using this code creates a chart like the one in the picture below.

Javascript

<script type="text/javascript">
$(document).ready(function () {
    $("#wijbubblechart").wijbubblechart({
        axis: {
            y: {text: "Number of Products"},
            x: {
                text: "Sales", 
                annoFormatString: "C0", 
                gridMajor: {visible: true}
                }
        },
        chartLabelFormatString: "p0",
        chartLabelStyle: {fill: "white"},
        legend: {visible: false},
        seriesList: [
        {
            label: "Company A Market Share",
            data: { y: [14], x: [12200], y1: [.15] }
        }, {
            label: "Company B Market Share",
            data: { y: [20], x: [60000], y1: [.23] }
        }, {
            label: "Company C Market Share",
            data: { y: [18], x: [24400], y1: [.1] }
        }]
    });
});
</script>

Remarks

style: A value that indicates the style of the major grid line. For more information on the available style parameters, see the Style Options topic.; Default: {stroke:"#CACACA", "stroke-dasharray": "- "}; Type: Object

visible: A value that indicates the visibility of the major grid line.; Default: false; Type: Boolean

Reference

chart_axis Interface