jqDataVisualization for jQuery Documentation

Chart.DataPointLabels


Defines DataPointLabels settings.

Sample configuration:

var dataPointLabelsConfig = {
     fillStyle: 'red',
     font: '12px sans-serif',
     valueType: 'percentage'
}

Example usage:

$(document).ready(function () {
      $('#selector').jqChart({
          title: { text: 'Data Point Labels' },
          series: [
              {
                  type: 'column',
                  title: 'Series 1',
                  data: [['A', 33], ['B', 57], ['C', 33], 
                         ['D', 12], ['E', 35], ['F', 7], ['G', 24]],
                  labels: { 
                     font: '14px sans-serif', 
                     fillStyle: 'red',
                     stringFormat: '%d K'
                  }
              }
          ]
      }
   }
Defined By

Config options

Chart.DataPointLabels
: String/Common.Gradient
Specifies labels color. ...

Specifies labels color.

Defaults to: 'black'

Chart.DataPointLabels
: String
Specifies labels font. ...

Specifies labels font.

Defaults to: '11px sans-serif'

Chart.DataPointLabels
: Number
Specifies labels border line width. ...

Specifies labels border line width.

Defaults to: 0

Chart.DataPointLabels
: String

Specifies labels string format.

Specifies labels string format.

Chart.DataPointLabels
: String

Specifies labels border color.

Specifies labels border color.

Chart.DataPointLabels
: String
Specifies the labels value type - 'dataValue' or 'percentage' ...

Specifies the labels value type - 'dataValue' or 'percentage'

Defaults to: 'dataValue'

Chart.DataPointLabels
: Boolean
Specifies whether or not the labels should be displayed. ...

Specifies whether or not the labels should be displayed.

Defaults to: true