Value Axis Config

Configure the chart value axes content and styling.

valueAxes is a list section: it takes an array of config objects (a single object is also accepted and treated as a one-entry array). Values shared by every entry can be set once in valueAxisDefaults; a value set on an individual entry wins over the shared one.

Every property is optional and falls back to its default. Property anchors are stable: link to any entry as #valueAxes.propertyName, and to a member of a nested property as #valueAxes.propertyName.memberName.

Properties

adjustForFiltering

Whether to adjust the domain of the axis as series belonging to it are filtered.

• Default: false
• Validation: should be a boolean
• Used in: Axis Filtering Adjustment · Threshold Line

adjustTickLabelSizeForFiltering

Whether to adjust the size of the axis tick label bounds as series belonging to it are filtered.

• Default: false
• Validation: should be a boolean

axisLineFront

Whether the axis line should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

axisLineMargin

The margin (in pixels) between the line shown along the axis and the inner boundary of the axis.

• Default: 0
• Validation: should be a number >= to 0
• Used in: Multiple Axes · Picket Fence Bars · Curved Lines · +1 more

axisLineStyle

The style of the line shown along the axis.

• Default: { normal: { … }, focused: { … }, defocused: { … } }
• Validation: should be an object with any of the properties { normal: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }, focused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }, defocused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] } }

axisLineStyle.defocused

The style of the line shown along the axis, while the axis is defocused.

• Default: { strokeColor: "same", strokeOpacity: 0.325, strokeWidth: "same", strokeDashArray: "same" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }

axisLineStyle.defocused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

axisLineStyle.defocused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

axisLineStyle.defocused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.325
• Validation: should be a number >= to 0 and <= 1

axisLineStyle.defocused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

axisLineStyle.focused

The style of the line shown along the axis, while the axis is focused.

• Default: { strokeColor: "same", strokeOpacity: 0.65, strokeWidth: "same", strokeDashArray: "same" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }

axisLineStyle.focused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

axisLineStyle.focused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

axisLineStyle.focused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.65
• Validation: should be a number >= to 0 and <= 1

axisLineStyle.focused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

axisLineStyle.normal

The style of the line shown along the axis, while the axis is neither focused nor defocused.

• Default: { strokeColor: "currentColor", strokeOpacity: 0.65, strokeWidth: 1, strokeDashArray: null }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }

axisLineStyle.normal.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

axisLineStyle.normal.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

axisLineStyle.normal.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.65
• Validation: should be a number >= to 0 and <= 1

axisLineStyle.normal.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: 1
• Validation: should be a number >= to 0 or be equal to null

backgroundFront

Whether the axis background should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

backgroundStyle

The styles to apply to the axis background (strokeColor, strokeOpacity, strokeWidth, fillColor, fillOpacity (use null for none)).

• Default: { strokeColor: "currentColor", strokeOpacity: 0, strokeWidth: null, strokeDashArray: null, fillColor: null, fillOpacity: 0 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to null, strokeOpacity: should be a number >= to 0 and <= 1 or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to null, fillOpacity: should be a number >= to 0 and <= 1 or be equal to null, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }

backgroundStyle.fillColor

The color of the fill: use null to leave the svg fill attribute unset so that css can supply it, "none" to switch the fill off, or "currentColor" to follow the host page's css color.

• Default: null
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to null

backgroundStyle.fillOpacity

The opacity (0 - 1) of the fill, or null to leave the svg fill-opacity attribute unset.

• Default: 0
• Validation: should be a number >= to 0 and <= 1 or be equal to null

backgroundStyle.strokeColor

The color of the stroke (outline): use null to leave the svg stroke attribute unset so that css can supply it, "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to null

backgroundStyle.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

backgroundStyle.strokeOpacity

The opacity (0 - 1) of the stroke, or null to leave the svg stroke-opacity attribute unset.

• Default: 0
• Validation: should be a number >= to 0 and <= 1 or be equal to null

backgroundStyle.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: null
• Validation: should be a number >= to 0 or be equal to null

base

The numeric base value of the axis, used for animation and relative positioning for shapes (use null for none).

The value that bars and areas grow from, and the resting position shapes animate from/to when series enter or leave. With mixed positive/negative data the base separates the two directions.

• Default:
  • 0 — when chart.type is pie
  • 0 — value axis has stacks
  • null — value axis has no stacks
• Validation: should be a number or be equal to null
• Used in: Stacked · Color and Base Property · Color Property · +7 more

baseLineFront

Whether the base line should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

baseLineStyle

The style of the line shown along the base of the axis.

• Default: { normal: { … }, focused: { … }, defocused: { … } }
• Validation: should be an object with any of the properties { normal: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }, focused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }, defocused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] } }

baseLineStyle.defocused

The style of the line shown along the base of the axis, while the axis is defocused.

• Default: { strokeColor: "same", strokeOpacity: 0.325, strokeWidth: "same", strokeDashArray: "same" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }

baseLineStyle.defocused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

baseLineStyle.defocused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

baseLineStyle.defocused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.325
• Validation: should be a number >= to 0 and <= 1

baseLineStyle.defocused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

baseLineStyle.focused

The style of the line shown along the base of the axis, while the axis is focused.

• Default: { strokeColor: "same", strokeOpacity: 0.65, strokeWidth: "same", strokeDashArray: "same" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }

baseLineStyle.focused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

baseLineStyle.focused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

baseLineStyle.focused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.65
• Validation: should be a number >= to 0 and <= 1

baseLineStyle.focused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

baseLineStyle.normal

The style of the line shown along the base of the axis, while the axis is neither focused nor defocused.

• Default: { strokeColor: "currentColor", strokeOpacity: 0.65, strokeWidth: 1, strokeDashArray: null }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }

baseLineStyle.normal.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

baseLineStyle.normal.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

baseLineStyle.normal.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.65
• Validation: should be a number >= to 0 and <= 1

baseLineStyle.normal.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: 1
• Validation: should be a number >= to 0 or be equal to null

collapsed

Whether the axis should consume space in the layout (false) or not (true).

• Default: false
• Validation: should be a boolean

focusOnClick

Whether the value axis should be focused whenever the user clicks/taps a part of it in the chart.

• Default: false
• Validation: should be a boolean

focusOnMouseOver

Whether the value axis should be focused whenever the user mouses over a part of it in the chart.

• Default: true
• Validation: should be a boolean

focusRangeApplyToTitle

Whether to show the focus range only over tick labels (false) or over both tick labels and title (true).

• Default: false
• Validation: should be a boolean

focusRangeFront

Whether the focus range should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

focusRangeStyle

The style of the focus range.

• Default: { strokeColor: "currentColor", strokeOpacity: 0.2, strokeWidth: 1, strokeDashArray: null, fillColor: "currentColor", fillOpacity: 0.12 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor"), fillOpacity: should be a number >= to 0 and <= 1 }

focusRangeStyle.fillColor

The color of the fill: use "none" to switch the fill off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

focusRangeStyle.fillOpacity

The opacity (0 - 1) of the fill.

• Default: 0.12
• Validation: should be a number >= to 0 and <= 1

focusRangeStyle.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

focusRangeStyle.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

focusRangeStyle.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.2
• Validation: should be a number >= to 0 and <= 1

focusRangeStyle.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: 1
• Validation: should be a number >= to 0 or be equal to null

focusTickMarkFront

Whether the focus tick marks should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

focusTickMarkMargin

The margin (in pixels) to show between the inside of the axis and the focus tick mark line(s).

• Default: 3
• Validation: should be a number >= to 0

focusTickMarkSize

The length (in pixels) of the focus tick mark line(s).

• Default: 9
• Validation: should be a number >= to 0

focusTickMarkStyle

The style of the focus tick mark line(s).

• Default: { strokeColor: "currentColor", strokeOpacity: 1, strokeWidth: 3, strokeDashArray: null }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }

focusTickMarkStyle.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

focusTickMarkStyle.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

focusTickMarkStyle.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

focusTickMarkStyle.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: 3
• Validation: should be a number >= to 0 or be equal to null

gridLineFront

Whether the axis grid lines should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

gridLineStyle

The style of the axis grid lines.

• Default: { normal: { … }, focused: { … }, defocused: { … } }
• Validation: should be an object with any of the properties { normal: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }, focused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }, defocused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] } }

gridLineStyle.defocused

The style of the axis grid lines, while the axis is defocused.

• Default: { strokeColor: "same", strokeOpacity: 0.09, strokeWidth: "same", strokeDashArray: "same" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }

gridLineStyle.defocused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

gridLineStyle.defocused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

gridLineStyle.defocused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.09
• Validation: should be a number >= to 0 and <= 1

gridLineStyle.defocused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

gridLineStyle.focused

The style of the axis grid lines, while the axis is focused.

• Default: { strokeColor: "same", strokeOpacity: 0.17, strokeWidth: "same", strokeDashArray: "same" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }

gridLineStyle.focused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

gridLineStyle.focused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

gridLineStyle.focused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.17
• Validation: should be a number >= to 0 and <= 1

gridLineStyle.focused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

gridLineStyle.normal

The style of the axis grid lines, while the axis is neither focused nor defocused.

• Default: { strokeColor: "currentColor", strokeOpacity: 0.13, strokeWidth: 1, strokeDashArray: "5, 5" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }

gridLineStyle.normal.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

gridLineStyle.normal.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: "5, 5"
• Validation: should be a valid dash array or be equal to null

gridLineStyle.normal.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.13
• Validation: should be a number >= to 0 and <= 1

gridLineStyle.normal.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: 1
• Validation: should be a number >= to 0 or be equal to null

id

The unique identifier for the value axis so it can be referenced by series that belong to it.

Referenced by series[].axis (and seriesStacks[].axis) to assign series to this axis. With a single axis the ids can be omitted everywhere.

• Default: VA${index} — value axis index
• Validation: should be a string; should be unique
• Used in: Dual value axes · Tooltip formatting · Stacked · Grouped Across Axes · Color Property · +7 more

marginInner

The inner (closest to chart) margin (in pixels) of the axis.

• Default: 0
• Validation: should be a number >= to 0

marginOuter

The outer (furthest from chart) margin (in pixels) of the axis.

• Default: 1
• Validation: should be a number >= to 0

max

The forced maximum numeric value for the axis (use "auto" to compute from the values).

With "auto" the maximum is computed from the data (including stacking) on every update, and changes animate through the staged axis expansion/contraction phases. Set a number to pin the bound instead.

• Default: "auto"
• Validation: should be a number or be equal to "auto"
• Used in: Heatmap · Heatmap

maxMarginFraction

The margin, as a fraction (0 or greater) of the domain of the axis, to use at the maximum extent of the axis (only applied if max is "auto" and max value is not equal base).

The margin is relative to the pre-margin domain, so values above 1 are allowed and confine the data to a band of the plot: a margin of 4 leaves the data in the bottom fifth — how the candlestick/OHLC volume pane reserves the upper plot for the price axis.

• Default: 0.05
• Validation: should be a number >= to 0
• Used in: Heatmap · Heatmap · Candlestick

maxOffset

The numeric offset to apply to the maximum value of the axis.

• Default: 0
• Validation: should be a number

maxTickCount

The maximum number of ticks to show along the length of the axis (use 0 to disable the maximum).

• Default: 10
• Validation: should be an integer and >= to 0

min

The forced minimum numeric value for the axis (use "auto" to compute from the values).

With "auto" the minimum is computed from the data (including stacking) on every update, and changes animate through the staged axis expansion/contraction phases. Set a number to pin the bound instead.

• Default: "auto"
• Validation: should be a number or be equal to "auto"
• Used in: Histogram · Heatmap · Grouped · Grouped Across Axes · Stacked & Grouped · +9 more

minMarginFraction

The margin, as a fraction (0 or greater) of the domain of the axis, to use at the minimum extent of the axis (only applied if min is "auto" and min value is not equal base).

The margin is relative to the pre-margin domain, so values above 1 are allowed and confine the data to a band of the plot: a price axis with margin 1/3 keeps its data in the top three quarters, leaving the bottom for a volume pane.

• Default: 0.05
• Validation: should be a number >= to 0
• Used in: Heatmap · Heatmap · Candlestick

minOffset

The numeric offset to apply to the minimum value of the axis.

• Default: 0
• Validation: should be a number

minTickInterval

The minimum value interval to use between any two consecutive tick label values.

• Default: 0
• Validation: should be a number >= to 0

minTickSpacing

The minimum space (in pixels) to allow between the bounds of any tick label text.

• Default: 12
• Validation: should be a number >= to 0

order

The unique integer order of the value axis controlling its order of appearance.

• Default: ${index} — value axis index
• Validation: should be an integer; should be unique

paddingInner

The inner (closest to chart) padding (in pixels) of the axis.

• Default: 0
• Validation: should be a number >= to 0

paddingOuter

The outer (furthest from chart) padding (in pixels) of the axis.

• Default: 1
• Validation: should be a number >= to 0

scale

The scale of the value axis, must be linear.

• Default: "linear"
• Validation: should be equal to "linear"

showAxisLine

Whether to show a line along the length of the axis.

• Default: true
• Validation: should be a boolean
• Used in: Missing Pos/Neg Stacked Values

showBaseLine

Whether to show a line along the base of the axis.

• Default: true
• Validation: should be a boolean

showFocusRange

Whether to show the focus range on the axis when it has a focused series domain or category value.

• Default: true
• Validation: should be a boolean

showFocusTickMarks

Whether to show lines perpendicular to the axis showing the focused series domain or category value.

• Default: false
• Validation: should be a boolean

showGridLines

Whether to show grid lines perpendicular to each tick on the axis.

• Default: false
• Validation: should be a boolean
• Used in: Multiple Axes · Picket Fence Bars · Curved Lines · +2 more

showTickMarks

Whether to show lines perpendicular to each tick value along the axis.

• Default: true
• Validation: should be a boolean

side

Whether the axis is placed at the start (top/left) or end (bottom/right) of the chart.

• Default: "start"
• Validation: should be one of [ "start", "end" ]
• Used in: Dual value axes · Tooltip formatting · Stacked · Grouped · Grouped Across Axes · +11 more

softMax

The forced maximum numeric value for the axis to be used if no data value is greater than this value (use null to disable).

An upper bound that only applies while no data value is above it — the axis covers at least this value, but real data larger than it still expands the domain. Unlike max, it never clips data.

• Default: null
• Validation: should be a number or be equal to null
• Used in: Stacked · Positive Negative Labels · Pos/Neg Picket Fence Bars · +1 more

softMin

The forced minimum numeric value for the axis to be used if no data value is less than this value (use null to disable).

A lower bound that only applies while no data value is below it — the axis covers at least this value, but real data smaller than it still expands the domain. Unlike min, it never clips data.

• Default: null
• Validation: should be a number or be equal to null
• Used in: Stacked · Positive Negative Labels · Pos/Neg Picket Fence Bars · +1 more

thresholds

The threshold lines to draw on the axis, each an object drawing a reference line across the plot at an axis value (the array replaces the default wholesale).

• Default: []
• Validation: should be an array with elements that should be an object with exact properties { value: should be an iso date string or epoch number, front: should be a boolean or be equal to undefined, style: should be an object with any of the properties { normal: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }, focused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }, defocused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] } } or be equal to undefined, title: should be a string or be one of [ null, undefined ], titleSide: should be one of [ "low", "high" ] or be equal to undefined, titleSnapToValue: should be a boolean or be equal to undefined, titleMargin: should be an object with any of the properties { top: should be a number >= to 0, right: should be a number >= to 0, bottom: should be a number >= to 0, left: should be a number >= to 0 } or be equal to undefined, titlePadding: should be an object with any of the properties { top: should be a number >= to 0, right: should be a number >= to 0, bottom: should be a number >= to 0, left: should be a number >= to 0 } or be equal to undefined, titleTextStyle: should be an object with any of the properties { normal: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor"), fillOpacity: should be a number >= to 0 and <= 1 }, focused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 }, defocused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 } } or be equal to undefined, titleBackgroundStyle: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to null, strokeOpacity: should be a number >= to 0 and <= 1 or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to null, fillOpacity: should be a number >= to 0 and <= 1 or be equal to null, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null } or be equal to undefined }
• Used in: Thresholds and ranges · Threshold Line

tickCount

The number of ticks to show along the length of the axis (use "auto" to derive the tick count from the data).

• Default: "auto"
• Validation: should be an integer and >= to 0 or be equal to "auto"

tickLabelAnchor

The anchor to use for all axis tick labels (start, end, middle) (use "auto" to determine automatically).

• Default: "auto"
• Validation: should be one of [ "start", "end", "middle", "auto" ]

tickLabelBackgroundStyle

The styles to apply to the axis tick label background (strokeColor, strokeOpacity, strokeWidth, fillColor, fillOpacity (use null for none)).

• Default: { strokeColor: "currentColor", strokeOpacity: 0, strokeWidth: null, strokeDashArray: null, fillColor: null, fillOpacity: 0 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to null, strokeOpacity: should be a number >= to 0 and <= 1 or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to null, fillOpacity: should be a number >= to 0 and <= 1 or be equal to null, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }

tickLabelBackgroundStyle.fillColor

The color of the fill: use null to leave the svg fill attribute unset so that css can supply it, "none" to switch the fill off, or "currentColor" to follow the host page's css color.

• Default: null
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to null

tickLabelBackgroundStyle.fillOpacity

The opacity (0 - 1) of the fill, or null to leave the svg fill-opacity attribute unset.

• Default: 0
• Validation: should be a number >= to 0 and <= 1 or be equal to null

tickLabelBackgroundStyle.strokeColor

The color of the stroke (outline): use null to leave the svg stroke attribute unset so that css can supply it, "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to null

tickLabelBackgroundStyle.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

tickLabelBackgroundStyle.strokeOpacity

The opacity (0 - 1) of the stroke, or null to leave the svg stroke-opacity attribute unset.

• Default: 0
• Validation: should be a number >= to 0 and <= 1 or be equal to null

tickLabelBackgroundStyle.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: null
• Validation: should be a number >= to 0 or be equal to null

tickLabelFormat

The d3 format string to be applied to the series values when displayed in axis tick labels (use null for none, use "auto" to derive from data).

• Default: "auto"
• Validation: should be a valid number format or be one of [ null, "auto" ]
• Used in: Dual value axes · Tooltip formatting · Multiple Axes · Positive Negative Currency · Picket Fence Bars · +2 more

tickLabelFront

Whether the axis tick labels should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

tickLabelMarginInner

The margin (in pixels) to show between the tick labels and the inside of the axis.

• Default: 2
• Validation: should be a number >= to 0

tickLabelMarginOuter

The margin (in pixels) to show between the tick labels and the outside of the axis.

• Default: 1
• Validation: should be a number >= to 0

tickLabelPaddingInner

The padding (in pixels) to show between the tick labels and the inside of the axis.

• Default: 5
• Validation: should be a number >= to 0

tickLabelPaddingOuter

The padding (in pixels) to show between the tick labels and the outside of the axis.

• Default: 5
• Validation: should be a number >= to 0

tickLabelPrefix

The string to prefix to the text of each axis tick label (use null for none).

• Default: null
• Validation: should be a string or be equal to null

tickLabelRotation

The rotation (in degrees) to apply to each axis tick label.

• Default: 0
• Validation: should be a number >= to -90 and <= 90
• Used in: Rotated Ticks

tickLabelSize

The space (in pixels) perpendicular to the axis direction to allocate for the tick labels (use "auto" to derive from the font size).

• Default: "auto"
• Validation: should be a number >= to 0 or be equal to "auto"

tickLabelSuffix

The string to append to the text of each axis tick label (use null for none).

• Default: null
• Validation: should be a string or be equal to null

tickLabelTextStyle

The style of the axis tick label text.

• Default: { normal: { … }, focused: { … }, defocused: { … } }
• Validation: should be an object with any of the properties { normal: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor"), fillOpacity: should be a number >= to 0 and <= 1 }, focused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 }, defocused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 } }

tickLabelTextStyle.defocused

The style of the axis tick label text, while the axis is defocused.

• Default: { strokeColor: "same", strokeOpacity: 0.5, strokeWidth: 0, strokeDashArray: "same", fillColor: "same", fillOpacity: 0.5 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 }

tickLabelTextStyle.defocused.fillColor

The color of the fill: use "none" to switch the fill off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

tickLabelTextStyle.defocused.fillOpacity

The opacity (0 - 1) of the fill.

• Default: 0.5
• Validation: should be a number >= to 0 and <= 1

tickLabelTextStyle.defocused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

tickLabelTextStyle.defocused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

tickLabelTextStyle.defocused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.5
• Validation: should be a number >= to 0 and <= 1

tickLabelTextStyle.defocused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: 0
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

tickLabelTextStyle.focused

The style of the axis tick label text, while the axis is focused.

• Default: { strokeColor: "same", strokeOpacity: 1, strokeWidth: 0, strokeDashArray: "same", fillColor: "same", fillOpacity: 1 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 }

tickLabelTextStyle.focused.fillColor

The color of the fill: use "none" to switch the fill off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

tickLabelTextStyle.focused.fillOpacity

The opacity (0 - 1) of the fill.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

tickLabelTextStyle.focused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

tickLabelTextStyle.focused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

tickLabelTextStyle.focused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

tickLabelTextStyle.focused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: 0
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

tickLabelTextStyle.normal

The style of the axis tick label text, while the axis is neither focused nor defocused.

• Default: { strokeColor: "none", strokeOpacity: 1, strokeWidth: 0, strokeDashArray: null, fillColor: "currentColor", fillOpacity: 1 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor"), fillOpacity: should be a number >= to 0 and <= 1 }

tickLabelTextStyle.normal.fillColor

The color of the fill: use "none" to switch the fill off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

tickLabelTextStyle.normal.fillOpacity

The opacity (0 - 1) of the fill.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

tickLabelTextStyle.normal.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "none"
• Validation: should be a valid svg color (or "none" / "currentColor")

tickLabelTextStyle.normal.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

tickLabelTextStyle.normal.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

tickLabelTextStyle.normal.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: 0
• Validation: should be a number >= to 0 or be equal to null

tickMarkFront

Whether the axis tick marks should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

tickMarkMargin

The margin (in pixels) to show between the inside of the axis and the axis tick mark lines.

• Default: 0
• Validation: should be a number >= to 0

tickMarkSize

The length (in pixels) of the axis tick mark lines.

• Default: 3
• Validation: should be a number >= to 0

tickMarkStyle

The style of the axis tick mark lines.

• Default: { normal: { … }, focused: { … }, defocused: { … } }
• Validation: should be an object with any of the properties { normal: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }, focused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }, defocused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] } }

tickMarkStyle.defocused

The style of the axis tick mark lines, while the axis is defocused.

• Default: { strokeColor: "same", strokeOpacity: 0.325, strokeWidth: "same", strokeDashArray: "same" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }

tickMarkStyle.defocused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

tickMarkStyle.defocused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

tickMarkStyle.defocused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.325
• Validation: should be a number >= to 0 and <= 1

tickMarkStyle.defocused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

tickMarkStyle.focused

The style of the axis tick mark lines, while the axis is focused.

• Default: { strokeColor: "same", strokeOpacity: 0.65, strokeWidth: "same", strokeDashArray: "same" }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ] }

tickMarkStyle.focused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

tickMarkStyle.focused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

tickMarkStyle.focused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.65
• Validation: should be a number >= to 0 and <= 1

tickMarkStyle.focused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

tickMarkStyle.normal

The style of the axis tick mark lines, while the axis is neither focused nor defocused.

• Default: { strokeColor: "currentColor", strokeOpacity: 0.65, strokeWidth: 1, strokeDashArray: null }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }

tickMarkStyle.normal.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

tickMarkStyle.normal.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

tickMarkStyle.normal.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.65
• Validation: should be a number >= to 0 and <= 1

tickMarkStyle.normal.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: 1
• Validation: should be a number >= to 0 or be equal to null

ticks

The explicit ticks to show on the axis in place of the generated ones, each { value, label } placing label text at an axis value (label falls back to the formatted value, use null for none).

Replaces the automatic tick generation entirely: tick counts, intervals and domain-edge ticks are ignored. Useful for naming fixed positions, e.g. heatmap row bands or threshold levels. Ticks outside the current axis domain are hidden.

• Default: null
• Validation: should be an array with elements that should be an object with exact properties { value: should be a number, label: should be a string or be equal to undefined } or be equal to null
• Used in: Heatmap · Heatmap

title

The title text to be shown along side to the axis (use null for no title).

• Default: null
• Validation: should be a string or be equal to null
• Used in: Dual value axes · Tooltip formatting · Waterfall · Multiple Axes · Truncated Text · Rotated Ticks · +11 more

titleBackgroundStyle

The styles to apply to the axis title background (strokeColor, strokeOpacity, strokeWidth, fillColor, fillOpacity (use null for none)).

• Default: { strokeColor: "currentColor", strokeOpacity: 0, strokeWidth: null, strokeDashArray: null, fillColor: null, fillOpacity: 0 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to null, strokeOpacity: should be a number >= to 0 and <= 1 or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to null, fillOpacity: should be a number >= to 0 and <= 1 or be equal to null, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null }

titleBackgroundStyle.fillColor

The color of the fill: use null to leave the svg fill attribute unset so that css can supply it, "none" to switch the fill off, or "currentColor" to follow the host page's css color.

• Default: null
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to null

titleBackgroundStyle.fillOpacity

The opacity (0 - 1) of the fill, or null to leave the svg fill-opacity attribute unset.

• Default: 0
• Validation: should be a number >= to 0 and <= 1 or be equal to null

titleBackgroundStyle.strokeColor

The color of the stroke (outline): use null to leave the svg stroke attribute unset so that css can supply it, "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to null

titleBackgroundStyle.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

titleBackgroundStyle.strokeOpacity

The opacity (0 - 1) of the stroke, or null to leave the svg stroke-opacity attribute unset.

• Default: 0
• Validation: should be a number >= to 0 and <= 1 or be equal to null

titleBackgroundStyle.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: null
• Validation: should be a number >= to 0 or be equal to null

titleFront

Whether the axis title should be shown in front (true) or behind (false) the series shapes.

• Default: false
• Validation: should be a boolean

titleMarginInner

The margin (in pixels) to show between the axis title and the inside of the axis.

• Default: 2
• Validation: should be a number >= to 0

titleMarginOuter

The margin (in pixels) to show between the axis title and the outside of the axis.

• Default: 2
• Validation: should be a number >= to 0

titlePaddingInner

The padding (in pixels) to show between the axis title and the inside of the axis.

• Default: 3
• Validation: should be a number >= to 0

titlePaddingOuter

The padding (in pixels) to show between the axis title and the outside of the axis.

• Default: 3
• Validation: should be a number >= to 0

titleSize

The space (in pixels) perpendicular to the axis direction to allocate for the axis title (use "auto" to derive from the font size).

• Default: "auto"
• Validation: should be a number >= to 0 or be equal to "auto"

titleTextStyle

The style of the axis title text.

• Default: { normal: { … }, focused: { … }, defocused: { … } }
• Validation: should be an object with any of the properties { normal: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor"), fillOpacity: should be a number >= to 0 and <= 1 }, focused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 }, defocused: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 } }

titleTextStyle.defocused

The style of the axis title text, while the axis is defocused.

• Default: { strokeColor: "same", strokeOpacity: 0.5, strokeWidth: 0, strokeDashArray: "same", fillColor: "same", fillOpacity: 0.5 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 }

titleTextStyle.defocused.fillColor

The color of the fill: use "none" to switch the fill off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

titleTextStyle.defocused.fillOpacity

The opacity (0 - 1) of the fill.

• Default: 0.5
• Validation: should be a number >= to 0 and <= 1

titleTextStyle.defocused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

titleTextStyle.defocused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

titleTextStyle.defocused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 0.5
• Validation: should be a number >= to 0 and <= 1

titleTextStyle.defocused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: 0
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

titleTextStyle.focused

The style of the axis title text, while the axis is focused.

• Default: { strokeColor: "same", strokeOpacity: 1, strokeWidth: 0, strokeDashArray: "same", fillColor: "same", fillOpacity: 1 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be one of [ null, "same" ], strokeDashArray: should be a valid dash array or be one of [ null, "same" ], fillColor: should be a valid svg color (or "none" / "currentColor") or be equal to "same", fillOpacity: should be a number >= to 0 and <= 1 }

titleTextStyle.focused.fillColor

The color of the fill: use "none" to switch the fill off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

titleTextStyle.focused.fillOpacity

The opacity (0 - 1) of the fill.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

titleTextStyle.focused.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color, or "same" to use the color of the normal state.

• Default: "same"
• Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same"

titleTextStyle.focused.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke, or "same" to use the value of the normal state.

• Default: "same"
• Validation: should be a valid dash array or be one of [ null, "same" ]

titleTextStyle.focused.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

titleTextStyle.focused.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset, or "same" to use the value of the normal state.

• Default: 0
• Validation: should be a number >= to 0 or be one of [ null, "same" ]

titleTextStyle.normal

The style of the axis title text, while the axis is neither focused nor defocused.

• Default: { strokeColor: "none", strokeOpacity: 1, strokeWidth: 0, strokeDashArray: null, fillColor: "currentColor", fillOpacity: 1 }
• Validation: should be an object with any of the properties { strokeColor: should be a valid svg color (or "none" / "currentColor"), strokeOpacity: should be a number >= to 0 and <= 1, strokeWidth: should be a number >= to 0 or be equal to null, strokeDashArray: should be a valid dash array or be equal to null, fillColor: should be a valid svg color (or "none" / "currentColor"), fillOpacity: should be a number >= to 0 and <= 1 }

titleTextStyle.normal.fillColor

The color of the fill: use "none" to switch the fill off, or "currentColor" to follow the host page's css color.

• Default: "currentColor"
• Validation: should be a valid svg color (or "none" / "currentColor")

titleTextStyle.normal.fillOpacity

The opacity (0 - 1) of the fill.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

titleTextStyle.normal.strokeColor

The color of the stroke (outline): use "none" to switch the stroke off, or "currentColor" to follow the host page's css color.

• Default: "none"
• Validation: should be a valid svg color (or "none" / "currentColor")

titleTextStyle.normal.strokeDashArray

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke.

• Default: null
• Validation: should be a valid dash array or be equal to null

titleTextStyle.normal.strokeOpacity

The opacity (0 - 1) of the stroke.

• Default: 1
• Validation: should be a number >= to 0 and <= 1

titleTextStyle.normal.strokeWidth

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset.

• Default: 0
• Validation: should be a number >= to 0 or be equal to null

titleTruncationEnabled

Whether to apply text truncation to the contents of the axis title when it would overflow the axis bounds.

• Default: true
• Validation: should be a boolean
• Used in: Truncated Text

titleTruncationValue

The truncation text to append to the axis title when its length exceeds the bounds of the axis.

• Default: "…"
• Validation: should be a string
• Used in: Truncated Text

type

The type of the value axis, must be number.

• Default: "number"
• Validation: should be equal to "number"

useSeriesFocus

Whether to show the axis as focused when any series belonging to it is focused.

• Default: true
• Validation: should be a boolean

visible

Whether the axis should be visible.

• Default:
  • false — when chart.type is pie
  • true — when chart.type is xy
• Validation: should be a boolean
• Used in: Sparklines · Picket Fence Bars · Candlestick

visibleWhenAllFiltered

Whether the axis should be visible when all series belonging to it are filtered.

• Default: true
• Validation: should be a boolean