Chart.GridLine

Defines grid lines.

Sample configuration:

  var gridLinesConfig = {
     lineWidth: 2,
     strokeStyle: 'red',
     interval: 20
  } 

Example usage:

$(document).ready(function () {
      $('#selector').jqChart({
           title: { text: 'Grid Lines' },
           axes: [
              {
                  location: 'left',
                  majorGridLines: {
                      lineWidth: 2,
                      strokeStyle: 'red',
                      interval: 20
                  },
                  minorGridLines: {
                      lineWidth: 1,
                      strokeStyle: 'green',
                      strokeDashArray: [2, 2],
                      interval: 5
                  }
              }
          ],
          series: [
              {
                  type: 'column',
                  data: [['A', 70], ['B', 40], ['C', 85], ['D', 50], ['E', 25], ['F', 40]]
              }
          ]
      }
    }