Docs Back to Docs

graph » chart

chart

[ root » graph » chart ]

Use the globals object to set styling attributes that apply globally across the chart. This object is similar to a CSS stylesheet, in that the styling attributes will cascade down to all charts in the graph. Those attributes can be overridden with local attributes in the individual chart object(s).



AttributeTypeDescription
alphaNumberSets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0.
Default Value: 1
backgroundColor
background-color		StringSets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)")
Default Value: null
backgroundColor1
background-color-1		StringSets the first color of a 2 color background gradient of the object. To be used with background-color-2.
Default Value: null
backgroundColor2
background-color-2		StringSets the second color of a 2 color background gradient of the object. To be used with background-color-1.
Default Value: null
boldBooleanSets whether the text is displayed with bold characters or not.
Default Value: false
borderColor
border-color		StringSets the border color of the object.
Default Value: '#000'
borderRadius
border-radius		NumberSets the object's border radius for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A single value will affect all 4 corners; multiple values will have separate effects on each corner, with the first value affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negative value will cut a corner off without rounding.
Default Value: 0
borderWidth
border-width		NumberSets the border width of the object.
Default Value: 0
colorStringSets the object's font color. Similar to font-color.
Default Value: '#000'
decimalsNumberSets the number of decimal places displayed for each value.
fillAngle
fill-angle		NumberSets the angle of the axis along which the linear gradient is drawn.
Default Value: 90
fillOffsetX
fill-offset-x		NumberSets an X offset to apply to the fill.
Default Value: 0
fillOffsetY
fill-offset-y		NumberSets a Y offset to apply to the fill.
Default Value: 0
fillType
fill-type		StringSets the background gradient fill type to either linear or radial.
Accepted Values: ['linear', 'none', 'radial']
Default Value: 'linear'
flatBooleanSet to true disables the chart interactivity.
Default Value: false
fontAngle
font-angle		NumberSets the text's angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value.
Default Value: null
fontColor
font-color		StringSets the font color of the text.
fontFamily
font-family		StringSets the text's font family.
fontSize
font-size		NumberSets the text's font size.
fontStyle
font-style		StringSets the text's font style.
Accepted Values: ['normal', 'italic', 'oblique', 'none']
fontWeight
font-weight		Number, StringSets the text's font weight. Similar to bold.
Accepted Values: ['bold', 'none', 'normal', `${string}`]
Default Value: 'normal'
gradientColors
gradient-colors		StringSets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops.
Default Value: ''
gradientStops
gradient-stops		StringSets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors.
Default Value: ''
lineColor
line-color		StringSets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes.
Default Value: '#000'
lineStyle
line-style		StringSets the line style of the object.
Accepted Values: ['dashdot', 'dashed', 'dotted', 'solid']
Default Value: ''
lineWidth
line-width		NumberSets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes.
Default Value: 0
marginNumber, StringSets the object's margin/s from the top-left of the chart.
Accepted Values: ['dynamic']
Default Value: 0
markerObjectSets the styling for markers.
Default Value: 0
offsetX
offset-x		NumberSets an x-offset to apply when positioning the object.
offsetY
offset-y		NumberSets an y-offset to apply when positioning the object.
paddingNumberSets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first value affecting the top padding, the second value affecting the right padding, and so on, in a clockwise direction.
Default Value: null
rtlBooleanRenders text right-to-left. Default value is false.
Default Value: false
shadowBooleanSets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation.
Default Value: false
shadowAlpha
shadow-alpha		NumberSets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be.
Default Value: 0.75
shadowAngle
shadow-angle		NumberSets the angle of the shadow underneath the object.
Default Value: 45
shadowBlur
shadow-blur		NumberSets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation.
Default Value: 0
shadowColor
shadow-color		StringSets the color of the shadow of the object.
Default Value: '#999'
shadowDistance
shadow-distance		NumberSets the distance between the shadow and the object.
Default Value: 2
textAlign
text-align		StringSets the alignment of the object.
Accepted Values: ['center', 'bottom', 'left', 'middle', 'right']
Default Value: 'center'
thousandsSeparator
thousands-separator		StringSets the character used to separate thousands.
Default Value: null
tooltipObjectConfigures the tooltip element, which appears when hovering over an object.
Default Value: []
xNumberSets the X position of the object.
yNumberSets the Y position of the object.