jqDataVisualization for jQuery Documentation

Common.TickMark


Defines tick marks.

Sample configuration:

var tickMarksConfig: {
    lineWidth: 2,
    strokeStyle: 'red',
    length : 12,
    interval: 10
}

Example usage:

$(document).ready(function () {
      $('#selector').jqChart({
          title: { text: 'Tick Marks' },
          axes: [
              {
                  location: 'left',
                  majorTickMarks: {
                      lineWidth: 2,
                      strokeStyle: 'red',
                      length: 12,
                      interval: 10
                  },
                  minorTickMarks: {
                      lineWidth: 1,
                      strokeStyle: 'green',
                      interval: 2
                  }
              }
          ],
          series: [
              {
                  type: 'column',
                  data: [['A', 70], ['B', 40], ['C', 85],
                         ['D', 50], ['E', 25], ['F', 40]]
              }
          ]
      }
  }
Defined By

Config options

Common.TickMark
: Number

Specifies tick marks interval.

Specifies tick marks interval.

Common.TickMark
: Number
Specifies tick marks interval. ...

Specifies tick marks interval.

Defaults to: 6

Common.TickMark
: Number
Specifies tick marks lines width. ...

Specifies tick marks lines width.

Defaults to: 1

Common.TickMark
: Number
Specifies tick marks offset. ...

Specifies tick marks offset.

Defaults to: 0.4

Common.TickMark
: String
Specifies tick marks position 'outside' or 'inside'. ...

Specifies tick marks position 'outside' or 'inside'.

Defaults to: 'outside'

Common.TickMark
: String
Specifies tick marks color. ...

Specifies tick marks color.

Defaults to: 'black'

Common.TickMark
: Boolean
Specifies whether or not the tick marks should be displayed. ...

Specifies whether or not the tick marks should be displayed.

Defaults to: true

Common.TickMark
: Number
Specifies tick marks zIndex. ...

Specifies tick marks zIndex.

Defaults to: 2