jqDataVisualization for jQuery Documentation

Chart.Marker


Defines chart markers.

Sample configuration:

var markersConfig = {
     size: 10,
     type: 'rectangle',
     strokeStyle: 'black',
     fillStyle: 'red',
     lineWidth: 1
}

Example usage:

$(document).ready(function () {
      $('#selector').jqChart({
          title: { text: 'Markers' },
          series: [
              {
                  type: 'line',
                  title: 'Line',
                  data: [['A', 56], ['B', 30], ['C', 62],
                         ['D', 65], ['E', 40], ['F', 36], ['D', 70]],
                  markers: {
                      size: 10,
                      type: 'rectangle',
                      strokeStyle: 'black',
                      fillStyle: 'red',
                      lineWidth: 1
                  }
              }
          ]
      }
  }
Defined By

Config options

Specifies the marker fill style.

Specifies the marker fill style.

Chart.Marker
: Number
Specifies the border line width. ...

Specifies the border line width.

Defaults to: 1

Specifies the marker link line color.

Specifies the marker link line color.

Chart.Marker
: Number
Specifies the marker link line width. ...

Specifies the marker link line width.

Defaults to: 1

Chart.Marker
: Number
Specifies the marker offset in pixels. ...

Specifies the marker offset in pixels.

Defaults to: 0

Chart.Marker
: Number
Specifies the marker diameter in pixels. ...

Specifies the marker diameter in pixels.

Defaults to: 8

Chart.Marker
: String

Specifies the image src when marker type is image.

Specifies the image src when marker type is image.

Chart.Marker
: String

Specifies the marker border line color.

Specifies the marker border line color.

Chart.Marker
: String
Specifies the marker type. ...

Specifies the marker type. Possible values are:

  • 'circle'
  • 'rectangle'
  • 'diamond'
  • 'triangle'
  • 'plus'
  • 'cross'
  • 'line'
  • 'image'

Defaults to: 'circle'