jqDataVisualization for jQuery Documentation

Common.Border


Defines a border.

Sample configuration:

var borderConfig = {
    visilbe: true,
    strokeStyle : 'red',
    lineWidth: 4,
    cornerRadius : 12,
    padding : 6
}

Example usage:

$(document).ready(function () {
      $('#selector').jqChart({
          title: { text: 'Chart Border' },
          border: {
              cornerRadius: 20,
              lineWidth: 4,
              strokeStyle: '#6ba851'
          },
          series: [
              {
                  type: 'column',
                  data: [['A', 70], ['B', 40], ['C', 85],
                         ['D', 50], ['E', 25], ['F', 40]]
              }
          ]
      }
  }
Defined By

Config options

Common.Border
: Number
Specifies the border corner radius. ...

Specifies the border corner radius.

Defaults to: 10

Common.Border
: Boolean
Specifies whether to ignore the border offset set there for aesthetics. ...

Specifies whether to ignore the border offset set there for aesthetics.

NOTE: When you ignore the border offset, you will need to put bigger border paddings on the sides that you need to adjust.

Defaults to: false

Common.Border
: Number
Specifies the border line width. ...

Specifies the border line width.

Defaults to: 1

Common.Border
: Common.Padding
Specifies the border padding. ...

Specifies the border padding.

Defaults to: 4

Common.Border
: String
Specifies the border line color. ...

Specifies the border line color.

Defaults to: 'black'

Common.Border
: Boolean
Specifies whether or not the border should be displayed. ...

Specifies whether or not the border should be displayed.

Defaults to: true