ag-Charts API Reference

This page documents the ag-Charts API. You can find more details about getting started with ag-Charts in the Getting Started section. You can also explore the API and see in real-time how different options affect charts using the API Explorer.

General Configuration

Configuration common to all charts.

data
Required
The data to render the chart from. If this is not specified, it must be set on individual series instead.
containerThe element to place the rendered chart into.
autoSizeBy default, the chart will resize automatically to fill the container element. Set this to false to disable this behaviour. If either the width or height are set, auto-sizing will be disabled unless this is explicitly set to true.
Default: true
widthThe width of the chart in pixels. Has no effect if autoSize is set to true.
heightThe height of the chart in pixels. Has no effect if autoSize is set to true.
tooltipOffsetOffset of a tooltip from the cursor in pixels, specified as [xOffset, yOffset].
Default: [20, 20]
tooltipClassA class to be added to tooltips in the chart.
paddingConfiguration for the padding shown around the chart. See padding for more details about this configuration object.
backgroundConfiguration for the background shown behind the chart. See background for more details about this configuration object.
titleConfiguration for the title shown at the top of the chart. See title for more details about this configuration object.
subtitleConfiguration for the subtitle shown beneath the chart title. Note: a subtitle will only be shown if a title is also present. See subtitle for more details about this configuration object.
legendConfiguration for the chart legend. See legend for more details about this configuration object.

padding

Configuration for the padding shown around the chart.

topThe number of pixels of padding at the top of the chart area.
Default: 20
rightThe number of pixels of padding at the right of the chart area.
Default: 20
bottomThe number of pixels of padding at the bottom of the chart area.
Default: 20
leftThe number of pixels of padding at the left of the chart area.
Default: 20

background

Configuration for the background shown behind the chart.

fillColour of the chart background.
Default: '#FFFFFF'
visibleWhether or not the background should be visible.
Default: true

title

Configuration for the title shown at the top of the chart.

enabledWhether or not the title should be shown.
Default: true
textThe text to show in the title.
Default: 'Title'
colorThe colour to use for the title.
Default: '#000000'
fontStyleThe font style to use for the title.
Default: 'normal'
Options: 'normal' | 'italic' | 'oblique'
fontWeightThe font weight to use for the title.
Default: 'bold'
Options: 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
fontSizeThe font size in pixels to use for the title.
Default: 18
fontFamilyThe font family to use for the title.
Default: 'Verdana, sans-serif'

subtitle

Configuration for the subtitle shown beneath the chart title. Note: a subtitle will only be shown if a title is also present.

enabledWhether or not the subtitle should be shown.
Default: true
textThe text to show in the subtitle.
Default: 'Subtitle'
colorThe colour to use for the subtitle.
Default: '#000000'
fontStyleThe font style to use for the subtitle.
Default: 'normal'
Options: 'normal' | 'italic' | 'oblique'
fontWeightThe font weight to use for the subtitle.
Default: 'normal'
Options: 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
fontSizeThe font size in pixels to use for the subtitle.
Default: 14
fontFamilyThe font family to use for the subtitle.
Default: 'Verdana, sans-serif'

legend

Configuration for the chart legend.

enabledWhether or not to show the legend.
Default: true
positionWhere the legend should show in relation to the chart.
Default: 'right'
Options: 'top' | 'right' | 'bottom' | 'left'
spacingThe spacing in pixels to use outside the legend.
Default: 20
layoutHorizontalSpacingThe horizontal spacing in pixels to use between legend items.
Default: 16
layoutVerticalSpacingThe vertical spacing in pixels to use between legend items.
Default: 8
itemSpacingThe spacing in pixels between a legend marker and the corresponding label.
Default: 8
markerShapeIf set, overrides the marker shape from the series and the Legend will show the specified marker shape instead. If not set, will use a marker shape matching the shape from the series, or fall back to square if there is none.
Options: 'circle' | 'cross' | 'diamond' | 'plus' | 'square' | 'triangle'
markerSizeThe size in pixels of the markers in the legend.
Default: 15
strokeWidthThe width in pixels of the stroke for markers in the legend.
Default: 1
colorThe colour of the text.
Default: 'black'
fontStyleThe font style to use for the legend.
Default: 'normal'
Options: 'normal' | 'italic' | 'oblique'
fontWeightThe font weight to use for the legend.
Default: 'normal'
Options: 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
fontSizeThe font size in pixels to use for the legend.
Default: 12
fontFamilyThe font family to use for the legend.
Default: 'Verdana, sans-serif'

Axis Configuration

Configuration for axes in cartesian charts.

typeThe type of the axis.
Options: 'category' | 'number' | 'time'
positionThe position on the chart where the axis should be rendered.
Options: 'top' | 'right' | 'bottom' | 'left'
rotationThe rotation of the axis in degrees.
titleConfiguration for the title shown next to the axis. See title for more details about this configuration object.
lineConfiguration for the axis line. See line for more details about this configuration object.
tickConfiguration for the axis ticks. See tick for more details about this configuration object.
labelConfiguration for the axis labels, shown next to the ticks. See label for more details about this configuration object.
gridStyleConfiguration of the lines used to form the grid in the chart area. See gridStyle for more details about this configuration object.

title

Configuration for the title shown next to the axis.

enabledWhether or not the axis title should be shown.
Default: true
textThe text to show in the axis title.
Default: 'Axis Title'
colorThe colour to use for the axis title.
Default: '#000000'
fontStyleThe font style to use for the axis title.
Default: 'normal'
Options: 'normal' | 'italic' | 'oblique'
fontWeightThe font weight to use for the axis title.
Default: 'bold'
Options: 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
fontSizeThe font size in pixels to use for the axis title.
Default: 14
fontFamilyThe font family to use for the axis title.
Default: 'Verdana, sans-serif'

line

Configuration for the axis line.

widthThe width in pixels of the axis line.
Default: 1
colorThe colour of the axis line.
Default: 'rgba(195, 195, 195, 1)'

tick

Configuration for the axis ticks.

widthThe width in pixels of the axis ticks (and corresponding grid line).
Default: 1
sizeThe length in pixels of the axis ticks.
Default: 6
colorThe colour of the axis ticks.
Default: 'rgba(195, 195, 195, 1)'
countA hint of how many ticks to use across an axis. The axis is not guaranteed to use exactly this number of ticks, but will try to use a number of ticks that is close to the number given.
Default: 10

label

Configuration for the axis labels, shown next to the ticks.

fontStyleThe font style to use for the labels.
Default: 'normal'
Options: 'normal' | 'italic' | 'oblique'
fontWeightThe font weight to use for the labels.
Default: 'normal'
Options: 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
fontSizeThe font size in pixels to use for the labels.
Default: 12
fontFamilyThe font family to use for the labels.
Default: 'Verdana, sans-serif'
colorThe colour to use for the labels.
Default: '#000000'
paddingPadding in pixels between the axis label and the tick.
Default: 5
rotationThe rotation of the axis labels in degrees.
Default: 0
formatFormat string used when rendering labels for time axes. For more information on the structure of the string, click here.
formatterFunction used to render axis labels. If value is a number, fractionDigits will also be provided, which indicates the number of fractional digits used in the step between ticks; for example, a tick step of 0.0005 would have fractionDigits set to 4.function(params: IParams): string; interface IParams { value: any; index: number; fractionDigits: number; formatter: (x: any) => string; }

gridStyle

Configuration of the lines used to form the grid in the chart area.

strokeThe colour of the grid line.
Default: 'rgba(195, 195, 195, 1)'
lineDashDefines how the gridlines are rendered. Every number in the array specifies the length in pixels of alternating dashes and gaps. For example, [6, 3] means dashes with a length of 6 pixels with gaps between of 3 pixels.
Default: [4, 2]

Bar/Column Series Configuration

Configuration for bar/column series.

xKey
Required
The key to use to retrieve x-values from the data.
xNameA human-readable description of the x-values.
yKeys
Required
The keys to use to retrieve y-values from the data.
yNamesHuman-readable descriptions of the y-values.
data
Required
The data to use when rendering the series. If this is not supplied, data must be set on the chart instead.
visibleWhether or not to display the series.
Default: true
showInLegendWhether or not to include the series in the legend.
Default: true
tooltipEnabledWhether or not to show tooltips when the series are hovered over.
Default: true
tooltipRendererFunction used to create the content for tooltips.function(params: IParams): string; interface IParams { datum: any; title?: string; color?: string; xKey: string; xName?: string; yKey: string; yName?: string; }
groupedWhether to show different y-values as separate bars (grouped) or not (stacked).
Default: false
normalizedToThe number to normalise the bar stacks to. Has no effect when grouped is true. For example, if normalizedTo is set to 100, the bar stacks will all be scaled proportionally so that each of their totals is 100.
fillsThe colours to cycle through for the fills of the bars.
Default: ['#f3622d', '#fba71b', '#57b757', '#41a9c9', '#4258c9', '#9a42c8', '#c84164', '#888888']
fillOpacityThe opacity of the fill for the bars.
Default: 1
strokesThe colours to cycle through for the strokes of the bars.
Default: ['#aa4520', '#b07513', '#3d803d', '#2d768d', '#2e3e8d', '#6c2e8c', '#8c2d46', '#5f5f5f']
strokeOpacityThe opacity of the stroke for the bars.
Default: 1
strokeWidthThe width in pixels of the stroke for the bars.
Default: 1
highlightStyleConfiguration for the highlighting used when the bars are hovered over. See highlightStyle for more details about this configuration object.
shadowConfiguration for the shadow used behind the chart series. See shadow for more details about this configuration object.
labelConfiguration for the labels shown on bars. See label for more details about this configuration object.

highlightStyle

Configuration for the highlighting used when the bars are hovered over.

fillThe fill colour of the bars when hovered over.
Default: 'yellow'
strokeThe colour of the stroke around the bars when hovered over.

shadow

Configuration for the shadow used behind the chart series.

enabledWhether or not the shadow is visible.
Default: true
colorThe colour of the shadow.
Default: 'rgba(0, 0, 0, 0.5)'
xOffsetThe horizontal offset in pixels for the shadow.
Default: 0
yOffsetThe vertical offset in pixels for the shadow.
Default: 0
blurThe radius of the shadow's blur, given in pixels.
Default: 5

label

Configuration for the labels shown on bars.

enabledWhether or not the labels should be shown.
Default: true
colorThe colour to use for the labels.
Default: 'rgba(70, 70, 70, 1)'
fontStyleThe font style to use for the labels.
Default: 'normal'
Options: 'normal' | 'italic' | 'oblique'
fontWeightThe font weight to use for the labels.
Default: 'normal'
Options: 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
fontSizeThe font size in pixels to use for the labels.
Default: 12
fontFamilyThe font family to use for the labels.
Default: 'Verdana, sans-serif'

Line Series Configuration

Configuration for line series.

xKey
Required
The key to use to retrieve x-values from the data.
xNameA human-readable description of the x-values.
yKey
Required
The key to use to retrieve y-values from the data.
yNameA human-readable description of the y-values.
data
Required
The data to use when rendering the series. If this is not supplied, data must be set on the chart instead.
visibleWhether or not to display the series.
Default: true
showInLegendWhether or not to include the series in the legend.
Default: true
tooltipEnabledWhether or not to show tooltips when the series are hovered over.
Default: true
tooltipRendererFunction used to create the content for tooltips.function(params: IParams): string; interface IParams { datum: any; title?: string; color?: string; xKey: string; xName?: string; yKey: string; yName?: string; }
titleThe title to use for the series. Defaults to yName if it exists, or yKey if not.
strokeThe colour of the stroke for the lines.
Default: '#aa4520'
strokeOpacityThe opacity of the stroke for the lines.
Default: 1
strokeWidthThe width in pixels of the stroke for the lines.
Default: 1
markerConfiguration for the markers used in the series. See marker for more details about this configuration object.
highlightStyleConfiguration for the highlighting used when the markers are hovered over. See highlightStyle for more details about this configuration object.

marker

Configuration for the markers used in the series.

enabledWhether or not to show markers.
Default: true
shapeThe shape to use for the markers. You can also supply a custom marker by providing a Marker subclass.
Default: 'circle'
Options: 'circle' | 'cross' | 'diamond' | 'plus' | 'square' | 'triangle'
sizeThe size in pixels of the markers.
Default: 8
minSizeFor series where the size of the marker is determined by the data, this determines the smallest size a marker can be in pixels.
Default: 12
fillThe colour to use for marker fills. If this is not specified, the markers will take their fill from the series.
strokeThe colour to use for marker strokes. If this is not specified, the markers will take their stroke from the series.
strokeWidthThe width in pixels of the marker stroke. If this is not specified, the markers will take their stroke width from the series.
formatterFunction used to return formatting for individual markers, based on the supplied information. If the current marker is highlighted, the highlighted property will be set to true; make sure to check this if you want to differentiate between the highlighted and un-highlighted states.function(params: IParams): IReturn; interface IParams { datum: any; fill: string; stroke: string; strokeWidth: number; size: number; highlighted: boolean; xKey: string; yKey: string; } interface IReturn { fill: string; stroke: string; strokeWidth: number; size: number; }

highlightStyle

Configuration for the highlighting used when the markers are hovered over.

fillThe fill colour of the markers when hovered over.
Default: 'yellow'
strokeThe colour of the stroke around the markers when hovered over.

Area Series Configuration

Configuration for area series.

xKey
Required
The key to use to retrieve x-values from the data.
xNameA human-readable description of the x-values.
yKeys
Required
The keys to use to retrieve y-values from the data.
yNamesHuman-readable descriptions of the y-values.
data
Required
The data to use when rendering the series. If this is not supplied, data must be set on the chart instead.
visibleWhether or not to display the series.
Default: true
showInLegendWhether or not to include the series in the legend.
Default: true
tooltipEnabledWhether or not to show tooltips when the series are hovered over.
Default: true
tooltipRendererFunction used to create the content for tooltips.function(params: IParams): string; interface IParams { datum: any; title?: string; color?: string; xKey: string; xName?: string; yKey: string; yName?: string; }
normalizedToThe number to normalise the area stacks to. For example, if normalizedTo is set to 100, the stacks will all be scaled proportionally so that their total height is always 100.
fillsThe colours to cycle through for the fills of the areas.
Default: ['#f3622d', '#fba71b', '#57b757', '#41a9c9', '#4258c9', '#9a42c8', '#c84164', '#888888']
fillOpacityThe opacity of the fill for the areas.
Default: 1
strokesThe colours to cycle through for the strokes of the areas.
Default: ['#aa4520', '#b07513', '#3d803d', '#2d768d', '#2e3e8d', '#6c2e8c', '#8c2d46', '#5f5f5f']
strokeOpacityThe opacity of the stroke for the areas.
Default: 1
strokeWidthThe width in pixels of the stroke for the areas.
Default: 1
markerConfiguration for the markers used in the series. See marker for more details about this configuration object.
highlightStyleConfiguration for the highlighting used when the markers are hovered over. See highlightStyle for more details about this configuration object.
shadowConfiguration for the shadow used behind the chart series. See shadow for more details about this configuration object.

marker

Configuration for the markers used in the series.

enabledWhether or not to show markers.
Default: false
shapeThe shape to use for the markers. You can also supply a custom marker by providing a Marker subclass.
Default: 'circle'
Options: 'circle' | 'cross' | 'diamond' | 'plus' | 'square' | 'triangle'
sizeThe size in pixels of the markers.
Default: 8
minSizeFor series where the size of the marker is determined by the data, this determines the smallest size a marker can be in pixels.
Default: 12
fillThe colour to use for marker fills. If this is not specified, the markers will take their fill from the series.
strokeThe colour to use for marker strokes. If this is not specified, the markers will take their stroke from the series.
strokeWidthThe width in pixels of the marker stroke. If this is not specified, the markers will take their stroke width from the series.
formatterFunction used to return formatting for individual markers, based on the supplied information. If the current marker is highlighted, the highlighted property will be set to true; make sure to check this if you want to differentiate between the highlighted and un-highlighted states.function(params: IParams): IReturn; interface IParams { datum: any; fill: string; stroke: string; strokeWidth: number; size: number; highlighted: boolean; xKey: string; yKey: string; } interface IReturn { fill: string; stroke: string; strokeWidth: number; size: number; }

highlightStyle

Configuration for the highlighting used when the markers are hovered over.

fillThe fill colour of the markers when hovered over.
Default: 'yellow'
strokeThe colour of the stroke around the markers when hovered over.

shadow

Configuration for the shadow used behind the chart series.

enabledWhether or not the shadow is visible.
Default: true
colorThe colour of the shadow.
Default: 'rgba(0, 0, 0, 0.5)'
xOffsetThe horizontal offset in pixels for the shadow.
Default: 0
yOffsetThe vertical offset in pixels for the shadow.
Default: 0
blurThe radius of the shadow's blur, given in pixels.
Default: 5

Scatter/Bubble Series Configuration

Configuration for scatter/bubble series.

xKey
Required
The key to use to retrieve x-values from the data.
xNameA human-readable description of the x-values.
yKey
Required
The key to use to retrieve y-values from the data.
yNameA human-readable description of the y-values.
sizeKeyThe key to use to retrieve size values from the data, used to control the size of the markers in bubble charts.
sizeNameA human-readable description of the size values.
labelKeyThe key to use to retrieve values from the data to use as labels for the markers.
labelNameA human-readable description of the label values.
data
Required
The data to use when rendering the series. If this is not supplied, data must be set on the chart instead.
visibleWhether or not to display the series.
Default: true
showInLegendWhether or not to include the series in the legend.
Default: true
tooltipEnabledWhether or not to show tooltips when the series are hovered over.
Default: true
tooltipRendererFunction used to create the content for tooltips.function(params: IParams): string; interface IParams { datum: any; title?: string; color?: string; xKey: string; xName?: string; yKey: string; yName?: string; sizeKey?: string; sizeName?: string; labelKey?: string; labelName?: string; }
titleThe title to use for the series. Defaults to yName if it exists, or yKey if not.
fillThe colour of the fill for the markers.
Default: '#f3622d'
fillOpacityThe opacity of the fill for the markers.
Default: 1
strokeThe colour of the stroke for the markers.
Default: '#aa4520'
strokeOpacityThe opacity of the stroke for the markers.
Default: 1
strokeWidthThe width in pixels of the stroke for the markers.
Default: 1
markerConfiguration for the markers used in the series. See marker for more details about this configuration object.
highlightStyleConfiguration for the highlighting used when the markers are hovered over. See highlightStyle for more details about this configuration object.

marker

Configuration for the markers used in the series.

enabledWhether or not to show markers.
Default: true
shapeThe shape to use for the markers. You can also supply a custom marker by providing a Marker subclass.
Default: 'circle'
Options: 'circle' | 'cross' | 'diamond' | 'plus' | 'square' | 'triangle'
sizeThe size in pixels of the markers.
Default: 8
minSizeFor series where the size of the marker is determined by the data, this determines the smallest size a marker can be in pixels.
Default: 12
fillThe colour to use for marker fills. If this is not specified, the markers will take their fill from the series.
strokeThe colour to use for marker strokes. If this is not specified, the markers will take their stroke from the series.
strokeWidthThe width in pixels of the marker stroke. If this is not specified, the markers will take their stroke width from the series.
formatterFunction used to return formatting for individual markers, based on the supplied information. If the current marker is highlighted, the highlighted property will be set to true; make sure to check this if you want to differentiate between the highlighted and un-highlighted states.function(params: IParams): IReturn; interface IParams { datum: any; fill: string; stroke: string; strokeWidth: number; size: number; highlighted: boolean; xKey: string; yKey: string; } interface IReturn { fill: string; stroke: string; strokeWidth: number; size: number; }

highlightStyle

Configuration for the highlighting used when the markers are hovered over.

fillThe fill colour of the markers when hovered over.
Default: 'yellow'
strokeThe colour of the stroke around the markers when hovered over.

Pie/Doughnut Series Configuration

Configuration for pie/doughnut series.

angleKey
Required
The key to use to retrieve angle values from the data.
angleNameA human-readable description of the angle values.
labelKey
Required
The key to use to retrieve label values from the data.
labelNameA human-readable description of the label values.
radiusKeyThe key to use to retrieve radius values from the data.
radiusNameA human-readable description of the radius values.
data
Required
The data to use when rendering the series. If this is not supplied, data must be set on the chart instead.
visibleWhether or not to display the series.
Default: true
showInLegendWhether or not to include the series in the legend.
Default: true
tooltipEnabledWhether or not to show tooltips when the series are hovered over.
Default: true
tooltipRendererFunction used to create the content for tooltips.function(params: IParams): string; interface IParams { datum: any; title?: string; color?: string; angleKey: string; angleName?: string; radiusKey?: string; radiusName?: string; labelKey?: string; labelName?: string; }
rotationThe rotation of the pie series in degrees.
Default: 0
innerRadiusOffsetThe offset in pixels of the inner radius of the series. Used to construct doughnut charts. If this is not given, or a value of zero is given, a pie chart will be rendered.
Default: 0
outerRadiusOffsetThe offset in pixels of the outer radius of the series. Used to construct doughnut charts.
Default: 0
titleConfiguration for the series title. See title for more details about this configuration object.
fillsThe colours to cycle through for the fills of the segments.
Default: ['#f3622d', '#fba71b', '#57b757', '#41a9c9', '#4258c9', '#9a42c8', '#c84164', '#888888']
fillOpacityThe opacity of the fill for the segments.
Default: 1
strokesThe colours to cycle through for the strokes of the segments.
Default: ['#aa4520', '#b07513', '#3d803d', '#2d768d', '#2e3e8d', '#6c2e8c', '#8c2d46', '#5f5f5f']
strokeOpacityThe opacity of the stroke for the segments.
Default: 1
strokeWidthThe width in pixels of the stroke for the segments.
Default: 1
highlightStyleConfiguration for the highlighting used when the segments are hovered over. See highlightStyle for more details about this configuration object.
labelConfiguration for the labels used for the segments. See label for more details about this configuration object.
calloutConfiguration for the callouts used with the labels for the segments. See callout for more details about this configuration object.
shadowConfiguration for the shadow used behind the chart series. See shadow for more details about this configuration object.

title

Configuration for the series title.

enabledWhether or not the title should be shown.
Default: true
textThe text to show in the title.
colorThe colour to use for the title.
Default: '#000000'
fontStyleThe font style to use for the title.
Default: 'normal'
Options: 'normal' | 'italic' | 'oblique'
fontWeightThe font weight to use for the title.
Default: 'normal'
Options: 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
fontSizeThe font size in pixels to use for the title.
Default: 10
fontFamilyThe font family to use for the title.
Default: 'Verdana, sans-serif'

highlightStyle

Configuration for the highlighting used when the segments are hovered over.

fillThe fill colour of the segments when hovered over.
Default: 'yellow'
strokeThe colour of the stroke around the segments when hovered over.

label

Configuration for the labels used for the segments.

enabledWhether or not the labels should be shown.
Default: true
colorThe colour to use for the labels.
Default: '#000000'
fontStyleThe font style to use for the labels.
Default: 'normal'
Options: 'normal' | 'italic' | 'oblique'
fontWeightThe font weight to use for the labels.
Default: 'normal'
Options: 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
fontSizeThe font size in pixels to use for the labels.
Default: 12
fontFamilyThe font family to use for the labels.
Default: 'Verdana, sans-serif'
offsetDistance in pixels between the callout line and the label text.
Default: 3
minAngleMinimum angle in degrees required for a segment to show a label.
Default: 20

callout

Configuration for the callouts used with the labels for the segments.

colorsThe colours to cycle through for the strokes of the callouts.
Default: ['#aa4520', '#b07513', '#3d803d', '#2d768d', '#2e3e8d', '#6c2e8c', '#8c2d46', '#5f5f5f']
strokeWidthThe width in pixels of the stroke for callout lines.
Default: 1
lengthThe length in pixels of the callout lines.
Default: 10

shadow

Configuration for the shadow used behind the chart series.

enabledWhether or not the shadow is visible.
Default: true
colorThe colour of the shadow.
Default: 'rgba(0, 0, 0, 0.5)'
xOffsetThe horizontal offset in pixels for the shadow.
Default: 0
yOffsetThe vertical offset in pixels for the shadow.
Default: 0
blurThe radius of the shadow's blur, given in pixels.
Default: 5