mochart

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.

A property holding a list of objects documents the members of one entry, headed thresholds[].front. Their anchors leave the brackets out: #valueAxes.thresholds.front.

adjustForFiltering ​

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

axisLine ​

The line drawn along the length of the axis.

axisLine.front ​

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

  • Default: false
  • Validation: should be a boolean

axisLine.marginInner ​

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

axisLine.style ​

The style of the line shown along the axis.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

axisLine.style.defocused ​

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

axisLine.style.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"
axisLine.style.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" ]
axisLine.style.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.325
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
axisLine.style.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" ]

axisLine.style.focused ​

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

axisLine.style.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"
axisLine.style.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" ]
axisLine.style.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
axisLine.style.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" ]

axisLine.style.normal ​

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

axisLine.style.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")
axisLine.style.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
axisLine.style.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1
axisLine.style.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

axisLine.visible ​

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

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)).

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; above 0 on a log axis; 0 on a pie chart).

The value shapes are measured from: bars and areas grow from it, missingValueMode: 'base' puts missing values on it, and shapes animate from it when series enter or leave. With mixed positive/negative data it separates the two directions. When left unspecified, un-ranged bar and area series use the minimum end of the axis, and other series use min when it is set, otherwise the smallest value in the data. On a log axis it must be above 0, and a base such as 1 grows ratios above it up and ratios below it down, with a doubling and a halving the same length. A pie chart takes only 0, since a filtered slice shrinks to the base and any other value would stop it partway.

baseLine ​

The line drawn along the base value of the axis.

  • Default: { visible: true, front: false, style: { … } }
  • Validation: should be an object with any of the properties { front, style, visible }
  • Used in: Sparklines

baseLine.front ​

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

  • Default: false
  • Validation: should be a boolean

baseLine.style ​

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 { defocused, focused, normal }

baseLine.style.defocused ​

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

baseLine.style.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"
baseLine.style.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" ]
baseLine.style.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.325
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
baseLine.style.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" ]

baseLine.style.focused ​

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

baseLine.style.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"
baseLine.style.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" ]
baseLine.style.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
baseLine.style.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" ]

baseLine.style.normal ​

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

baseLine.style.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")
baseLine.style.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
baseLine.style.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1
baseLine.style.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

baseLine.visible ​

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

  • Default: true
  • Validation: should be a boolean
  • Used in: Sparklines

collapsed ​

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

  • Default: false
  • Validation: should be a boolean

focusOnClick ​

Whether a click/tap on a part of the value axis should pin the focus on it, so it stays focused after the pointer leaves (a second click releases it).

  • Default: false
  • Validation: should be a boolean

focusOnHover ​

Whether the value axis should be focused while the user hovers the pointer over a part of it in the chart.

  • Default: true
  • Validation: should be a boolean

focusRange ​

The band drawn over the axis at its focused series domain or category value.

  • Default: { visible: true, front: false, applyToTitle: false, style: { … } }
  • Validation: should be an object with any of the properties { applyToTitle, front, style, visible }

focusRange.applyToTitle ​

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

focusRange.front ​

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

  • Default: false
  • Validation: should be a boolean

focusRange.style ​

The style of the focus range.

focusRange.style.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")

focusRange.style.fillOpacity ​

The opacity (0 - 1) of the fill.

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

focusRange.style.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")

focusRange.style.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

focusRange.style.strokeOpacity ​

The opacity (0 - 1) of the stroke.

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

focusRange.style.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

focusRange.visible ​

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

focusTickMark ​

The tick marks drawn perpendicular to the axis at its focused series domain or category value.

  • Default: { visible: false, front: false, size: 9, marginInner: 3, style: { … } }
  • Validation: should be an object with any of the properties { front, marginInner, size, style, visible }

focusTickMark.front ​

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

  • Default: false
  • Validation: should be a boolean

focusTickMark.marginInner ​

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

focusTickMark.size ​

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

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

focusTickMark.style ​

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

focusTickMark.style.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")

focusTickMark.style.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

focusTickMark.style.strokeOpacity ​

The opacity (0 - 1) of the stroke.

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

focusTickMark.style.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

focusTickMark.visible ​

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

  • Default: false
  • Validation: should be a boolean

gridLine ​

The grid lines drawn across the plot at each tick on the axis.

gridLine.front ​

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

  • Default: false
  • Validation: should be a boolean

gridLine.style ​

The style of the axis grid lines.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

gridLine.style.defocused ​

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

gridLine.style.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"
gridLine.style.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" ]
gridLine.style.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.09
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
gridLine.style.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" ]

gridLine.style.focused ​

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

gridLine.style.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"
gridLine.style.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" ]
gridLine.style.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.17
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
gridLine.style.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" ]

gridLine.style.normal ​

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

gridLine.style.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")
gridLine.style.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
gridLine.style.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

  • Default: 0.13
  • Validation: should be a number >= to 0 and <= 1
gridLine.style.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

gridLine.visible ​

Whether to show grid lines perpendicular to each tick on the axis (false hides the minor grid lines too, whatever minorGridLine.visible says).

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.

ignore ​

Whether to ignore this value axis and treat it as though it were not specified.

  • Default: false
  • Validation: should be a boolean

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 value for the axis: a number, or a date on a date category axis (use "auto" to compute from the values); must be >= min unless either is "auto" (set reversed to run the axis backwards).

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; on a log axis it must be above 0. Values outside of the defined range are clipped rather than allowed to overflow the plot area of the chart.

  • Default: "auto"
  • Validation: should be a number greater than 0 or be equal to "auto" when scale is log; should be a number or be equal to "auto" when scale is linear
  • Used in: Heatmap · Axis bounds · Clipped Values

maxMarginFraction ​

The margin, as a fraction (0 or greater) of the length the data takes along 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, which is how the candlestick/OHLC volume pane reserves the upper plot for the price axis. On a log axis the margin is taken from the logs of the domain, so it is the same share of the axis length as on a linear one.

maxOffset ​

The offset to add to the maximum value of the axis while max is "auto" (no effect with a fixed max), in the axis's units: milliseconds on a date axis; must be 0 on a log axis, where a fixed amount of axis units takes a different length at each end (a value axis reserves space there with maxMarginFraction).

  • Default: 0
  • Validation: should be equal to 0 when scale is log; should be a number when scale is linear

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 value for the axis: a number, or a date on a date category axis (use "auto" to compute from the values); must be <= max unless either is "auto" (set reversed to run the axis backwards).

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; on a log axis it must be above 0. Values outside of the defined range are clipped rather than allowed to overflow the plot area of the chart.

minMarginFraction ​

The margin, as a fraction (0 or greater) of the length the data takes along 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. On a log axis the margin is taken from the logs of the domain, so it is the same share of the axis length as on a linear one.

minOffset ​

The offset to add to the minimum value of the axis while min is "auto" (no effect with a fixed min), in the axis's units: milliseconds on a date axis; must be 0 on a log axis, where a fixed amount of axis units takes a different length at each end (a value axis reserves space there with minMarginFraction).

  • Default: 0
  • Validation: should be equal to 0 when scale is log; should be a number when scale is linear

minTickInterval ​

The minimum value interval to use between any two consecutive tick label values (must be 0 on a log axis, whose ticks are powers of 10 rather than a fixed distance apart).

  • Default: 0
  • Validation: should be equal to 0 when scale is log; should be a number >= to 0 when scale is linear

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

minorGridLine ​

The grid lines drawn across the plot at each minor tick on the axis.

  • Default: { front: "major", style: { … } }
  • Validation: should be an object with any of the properties { front, style, visible }

minorGridLine.front ​

Whether the minor grid lines should be shown in front (true) or behind (false) the series shapes ("major" uses the value of gridLine.front).

  • Default: "major"
  • Validation: should be a boolean or be equal to "major"

minorGridLine.style ​

The style of the minor grid lines.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

minorGridLine.style.defocused ​

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

minorGridLine.style.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 ("major" uses the value of gridLine.style.defocused.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same" or be equal to "major"
minorGridLine.style.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 ("major" uses the value of gridLine.style.defocused.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be one of [ null, "same" ] or be equal to "major"
minorGridLine.style.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state ("major" uses the value of gridLine.style.defocused.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same" or be equal to "major"
minorGridLine.style.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 ("major" uses the value of gridLine.style.defocused.strokeWidth).

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

minorGridLine.style.focused ​

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

minorGridLine.style.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 ("major" uses the value of gridLine.style.focused.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same" or be equal to "major"
minorGridLine.style.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 ("major" uses the value of gridLine.style.focused.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be one of [ null, "same" ] or be equal to "major"
minorGridLine.style.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state ("major" uses the value of gridLine.style.focused.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same" or be equal to "major"
minorGridLine.style.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 ("major" uses the value of gridLine.style.focused.strokeWidth).

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

minorGridLine.style.normal ​

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

minorGridLine.style.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 ("major" uses the value of gridLine.style.normal.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "major"
minorGridLine.style.normal.strokeDashArray ​

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke ("major" uses the value of gridLine.style.normal.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be equal to null or be equal to "major"
minorGridLine.style.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke ("major" uses the value of gridLine.style.normal.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "major"
minorGridLine.style.normal.strokeWidth ​

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset ("major" uses the value of gridLine.style.normal.strokeWidth).

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

minorGridLine.visible ​

Whether to show grid lines perpendicular to each minor tick on the axis ("major" uses the value of gridLine.visible).

  • Default:
    • "major": when scale is log
    • false: when minorTickLabel.format is "major" and ticks is null
    • "major": when minorTickLabel.format is set or ticks is set
  • Validation: should be a boolean or be equal to "major"

minorTickLabel ​

The labels shown at each minor tick along the axis.

A minor tick is one a tickStep places between its own ticks (the categories between an ordinal step's ticks, the minorSteps or minorInterval ticks of a linear step), one a log axis places at the multiples from 2 to 9 that are not ticks or at the powers of 10 it skips, or a ticks entry marked minor. Each member is named after the tickLabel member it stands in for, and "major" uses the value of that tickLabel member. Every member defaults to "major" except these: visible, whose default depends on minorTickLabel.format, ticks and scale; prefix and suffix, which default to null and take no "major"; and the text of the category axis truncation, which is always a string of its own. tickLabel.visible: false hides the minor tick labels too, whatever minorTickLabel.visible says.

minorTickLabel.anchor ​

The anchor to use for all minor tick labels (start, end, middle) (use "auto" to determine automatically) ("major" uses the value of tickLabel.anchor).

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

minorTickLabel.backgroundStyle ​

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

minorTickLabel.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 ("major" uses the value of tickLabel.backgroundStyle.fillColor).

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

minorTickLabel.backgroundStyle.fillOpacity ​

The opacity (0 - 1) of the fill, or null to leave the svg fill-opacity attribute unset ("major" uses the value of tickLabel.backgroundStyle.fillOpacity).

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

minorTickLabel.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 ("major" uses the value of tickLabel.backgroundStyle.strokeColor).

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

minorTickLabel.backgroundStyle.strokeDashArray ​

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke ("major" uses the value of tickLabel.backgroundStyle.strokeDashArray).

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

minorTickLabel.backgroundStyle.strokeOpacity ​

The opacity (0 - 1) of the stroke, or null to leave the svg stroke-opacity attribute unset ("major" uses the value of tickLabel.backgroundStyle.strokeOpacity).

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

minorTickLabel.backgroundStyle.strokeWidth ​

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset ("major" uses the value of tickLabel.backgroundStyle.strokeWidth).

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

minorTickLabel.font ​

The font of the minor tick label text (family, size, weight, style), each member taking the matching tickLabel.font member when "major" and falling back to chart.font when null.

  • Default: { family: "major", size: "major", weight: "major", style: "major" }
  • Validation: should be an object with any of the properties { family, size, style, weight }

minorTickLabel.font.family ​

The css font-family of the text, or null to leave the font family to css ("major" uses the value of tickLabel.font.family).

  • Default: "major"
  • Validation: should be a css font-family string with at least one character other than whitespace or be equal to null or be equal to "major"

minorTickLabel.font.size ​

The font size of the text, as a number of pixels or any css font-size string (a length with a unit, a percentage, a size keyword, or a calc/clamp/min/max/var function), or null to leave the font size to css ("major" uses the value of tickLabel.font.size).

A relative size such as "0.85em" resolves against the font size the label inherits from the host page, as every font size in mochart does, not against tickLabel.font.size or chart.font.size: with tickLabel.font.size 16 on a page with a 12px font, "0.85em" gives minor labels 10.2px, not 13.6px.

  • Default: "major"
  • Validation: should be a number of pixels greater than 0, or a css font-size string (a length above 0 with a unit, a percentage, a size keyword, or a calc/clamp/min/max/var function) or be equal to null or be equal to "major"

minorTickLabel.font.style ​

The css font-style of the text ("normal", "italic", "oblique"), or null to leave the font style to css ("major" uses the value of tickLabel.font.style).

  • Default: "major"
  • Validation: should be one of [ "normal", "italic", "oblique" ] or be equal to null or be equal to "major"

minorTickLabel.font.weight ​

The css font-weight of the text (100 to 900 in hundreds, or "normal", "bold", "lighter", "bolder"), or null to leave the font weight to css ("major" uses the value of tickLabel.font.weight).

  • Default: "major"
  • Validation: should be one of [ 100, 200, 300, 400, 500, 600, 700, 800, 900, "normal", "bold", "lighter", "bolder" ] or be equal to null or be equal to "major"

minorTickLabel.format ​

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

"major" is replaced with the value of tickLabel.format before any formatter is built, so it never reaches d3.

  • Default: "major"
  • Validation: should be a valid number format or be one of [ null, "auto", "major" ]

minorTickLabel.front ​

Whether the minor tick labels should be shown in front (true) or behind (false) the series shapes ("major" uses the value of tickLabel.front).

  • Default: "major"
  • Validation: should be a boolean or be equal to "major"

minorTickLabel.marginInner ​

The margin (in pixels) to show between the minor tick labels and the inside of the axis ("major" uses the value of tickLabel.marginInner).

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

minorTickLabel.marginOuter ​

The margin (in pixels) to show between the minor tick labels and the outside of the axis ("major" uses the value of tickLabel.marginOuter).

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

minorTickLabel.paddingInner ​

The padding (in pixels) to show between the minor tick labels and the inside of the axis ("major" uses the value of tickLabel.paddingInner).

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

minorTickLabel.paddingOuter ​

The padding (in pixels) to show between the minor tick labels and the outside of the axis ("major" uses the value of tickLabel.paddingOuter).

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

minorTickLabel.prefix ​

The string to prefix to the text of each minor tick label (use null or an empty string for none).

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

minorTickLabel.rotation ​

The rotation (in degrees, -90 to 90) to apply to each minor tick label ("major" uses the value of tickLabel.rotation).

  • Default: "major"
  • Validation: should be a number >= to -90 and <= 90 or be equal to "major"

minorTickLabel.size ​

The space (in pixels) perpendicular to the axis direction to allocate for the minor tick labels (use "auto" to derive from the font size) ("major" uses the value of tickLabel.size).

The minor labels have a layout of their own: they are measured and placed from the minorTickLabel settings, the axis reserves the larger of the two label totals (size, margins and paddings), the title sits after the larger one, and the minor labels get their own background box.

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

minorTickLabel.suffix ​

The string to append to the text of each minor tick label (use null or an empty string for none).

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

minorTickLabel.textStyle ​

The style of the minor tick label text.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

minorTickLabel.textStyle.defocused ​

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

minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.defocused.fillColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same" or be equal to "major"
minorTickLabel.textStyle.defocused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state ("major" uses the value of tickLabel.textStyle.defocused.fillOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same" or be equal to "major"
minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.defocused.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same" or be equal to "major"
minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.defocused.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be one of [ null, "same" ] or be equal to "major"
minorTickLabel.textStyle.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state ("major" uses the value of tickLabel.textStyle.defocused.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same" or be equal to "major"
minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.defocused.strokeWidth).

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

minorTickLabel.textStyle.focused ​

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

minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.focused.fillColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same" or be equal to "major"
minorTickLabel.textStyle.focused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state ("major" uses the value of tickLabel.textStyle.focused.fillOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same" or be equal to "major"
minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.focused.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same" or be equal to "major"
minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.focused.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be one of [ null, "same" ] or be equal to "major"
minorTickLabel.textStyle.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state ("major" uses the value of tickLabel.textStyle.focused.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same" or be equal to "major"
minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.focused.strokeWidth).

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

minorTickLabel.textStyle.normal ​

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

minorTickLabel.textStyle.normal.fillColor ​

The color of the fill: use "none" to switch the fill off, or "currentColor" to follow the host page's css color ("major" uses the value of tickLabel.textStyle.normal.fillColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "major"
minorTickLabel.textStyle.normal.fillOpacity ​

The opacity (0 - 1) of the fill ("major" uses the value of tickLabel.textStyle.normal.fillOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "major"
minorTickLabel.textStyle.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 ("major" uses the value of tickLabel.textStyle.normal.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "major"
minorTickLabel.textStyle.normal.strokeDashArray ​

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke ("major" uses the value of tickLabel.textStyle.normal.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be equal to null or be equal to "major"
minorTickLabel.textStyle.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke ("major" uses the value of tickLabel.textStyle.normal.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "major"
minorTickLabel.textStyle.normal.strokeWidth ​

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset ("major" uses the value of tickLabel.textStyle.normal.strokeWidth).

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

minorTickLabel.visible ​

Whether to show the minor tick labels, the labels of the minor ticks a tickStep places between its ticks, a log axis places at the multiples and skipped powers of 10 that are not ticks, and of the ticks entries marked minor ("major" uses the value of tickLabel.visible).

The default is false while minorTickLabel.format is "major" and ticks is unset, so a tickStep alone labels only its own ticks; setting minorTickLabel.format or listing ticks turns it to "major", except that on a log axis only listing ticks does. A log axis makes its minor ticks without being asked, so there minorTickMark.visible and minorGridLine.visible default to "major" while this stays false, which shows their marks and grid lines without crowding the axis with labels; minorTickLabel.format alone does not turn it on there, since minor labels that do not fit would hide the marks and grid lines with them. Minor labels never change which non-minor labels show. A minor label shows only when every minor label fits beside its neighbours, minor or not, measured from the widest minor and non-minor labels plus minTickSpacing; when one does not fit they all hide, unless the category axis minorTickLabel.truncation truncates them instead. Minor labels that do not fit hide their tick marks and grid lines with them; false here hides only the labels and takes them out of the layout, and tickLabel.visible: false hides the minor labels whatever this says.

  • Default:
    • false: when minorTickLabel.format is "major" and ticks is null
    • false: when scale is log and ticks is null
    • "major": when minorTickLabel.format is set or ticks is set
  • Validation: should be a boolean or be equal to "major"

minorTickMark ​

The tick marks drawn perpendicular to the axis at each minor tick value.

  • Default: { front: "major", size: "major", marginInner: "major", style: { … } }
  • Validation: should be an object with any of the properties { front, marginInner, size, style, visible }

minorTickMark.front ​

Whether the minor tick marks should be shown in front (true) or behind (false) the series shapes ("major" uses the value of tickMark.front).

  • Default: "major"
  • Validation: should be a boolean or be equal to "major"

minorTickMark.marginInner ​

The margin (in pixels) to show between the inside of the axis and the minor tick mark lines ("major" uses the value of tickMark.marginInner).

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

minorTickMark.size ​

The length (in pixels) of the minor tick mark lines ("major" uses the value of tickMark.size).

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

minorTickMark.style ​

The style of the minor tick mark lines.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

minorTickMark.style.defocused ​

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

minorTickMark.style.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 ("major" uses the value of tickMark.style.defocused.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same" or be equal to "major"
minorTickMark.style.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 ("major" uses the value of tickMark.style.defocused.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be one of [ null, "same" ] or be equal to "major"
minorTickMark.style.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state ("major" uses the value of tickMark.style.defocused.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same" or be equal to "major"
minorTickMark.style.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 ("major" uses the value of tickMark.style.defocused.strokeWidth).

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

minorTickMark.style.focused ​

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

minorTickMark.style.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 ("major" uses the value of tickMark.style.focused.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "same" or be equal to "major"
minorTickMark.style.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 ("major" uses the value of tickMark.style.focused.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be one of [ null, "same" ] or be equal to "major"
minorTickMark.style.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state ("major" uses the value of tickMark.style.focused.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same" or be equal to "major"
minorTickMark.style.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 ("major" uses the value of tickMark.style.focused.strokeWidth).

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

minorTickMark.style.normal ​

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

minorTickMark.style.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 ("major" uses the value of tickMark.style.normal.strokeColor).

  • Default: "major"
  • Validation: should be a valid svg color (or "none" / "currentColor") or be equal to "major"
minorTickMark.style.normal.strokeDashArray ​

The dash array pattern of the stroke (e.g. "5, 5"), or null for a solid stroke ("major" uses the value of tickMark.style.normal.strokeDashArray).

  • Default: "major"
  • Validation: should be a valid dash array or be equal to null or be equal to "major"
minorTickMark.style.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke ("major" uses the value of tickMark.style.normal.strokeOpacity).

  • Default: "major"
  • Validation: should be a number >= to 0 and <= 1 or be equal to "major"
minorTickMark.style.normal.strokeWidth ​

The width (in pixels) of the stroke, or null to leave the svg stroke-width attribute unset ("major" uses the value of tickMark.style.normal.strokeWidth).

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

minorTickMark.visible ​

Whether to show lines perpendicular to each minor tick value along the axis ("major" uses the value of tickMark.visible).

  • Default:
    • "major": when scale is log
    • false: when minorTickLabel.format is "major" and ticks is null
    • "major": when minorTickLabel.format is set or ticks is set
  • Validation: should be a boolean or be equal to "major"

order ​

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

  • Default: ${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

reversed ​

Whether the axis runs in the opposite direction, so its minimum is drawn where its maximum normally would be (an ordinal category axis reverses its category order).

scale ​

How the axis places values: linear spaces them by difference, log by ratio, so each power of 10 takes the same length.

A log axis reads data spanning several orders of magnitude: 1 to 10 takes the same length as 100 to 1000, and a doubling is the same length anywhere. It has no position for 0 or a negative value, so the chart handles those by which value they are; a tooltip shows the value itself, and a series label shows it where the point is drawn. A series value at or below 0 is left out of the domain and drawn as missing, following the series missingValueMode, and the chart logs a console warning naming the series. An error bar end at or below 0, or the lower end of a range whose other end is above 0, is drawn past the minimum end of the axis and cut off at the plot edge, and the clip indicator shows it; a range with both ends at or below 0 is missing. Ticks sit at the powers of 10, every n-th one for the smallest n that fits when they do not all fit, with the 2 and 5 multiples, or every multiple from 2 to 9, added when the powers are too few and they fit; the minor ticks are the multiples from 2 to 9 that are not ticks or, when the powers are stepped, the powers the axis skips, thinned to sit at least minTickSpacing apart, and between two neighbouring powers of 10 the ticks are the multiples that lie there, or linear ones on an axis with room for more. Values and the domain animate in logs, so a value moving from 1 to 1000 is halfway up the axis at 31.6. A log axis cannot hold a series stack, since a stack starts at 0, and it takes no tickStep or thresholdStep interval, no offsets and no minTickInterval, since each of those is a fixed distance in values. A pie chart accepts only "linear". Switching the scale restarts the chart without a transition.

side ​

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

softMax ​

The maximum value for the axis to cover while no data value is greater than it, taking the same forms as max (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. On a log axis it must be above 0.

  • Default: null
  • Validation: should be a number greater than 0 or be equal to null when scale is log; should be a number or be equal to null when scale is linear
  • Used in: Stacked · Threshold Range · Positive Negative Labels · +2 more

softMin ​

The minimum value for the axis to cover while no data value is less than it, taking the same forms as min (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. On a log axis it must be above 0.

  • Default: null
  • Validation: should be a number greater than 0 or be equal to null when scale is log; should be a number or be equal to null when scale is linear; should not be above the softMax property of the same axis
  • Used in: Stacked · Positive Negative Labels · Pos/Neg Picket Fence Bars · +1 more

thresholdStep ​

Threshold lines or ranges repeated along the axis by rule.

The steps are the multiples of interval, anchored at 0, from the last one at or below the axis minimum, so a range already under way at the domain edge is drawn clipped rather than left out; with no interval nothing is drawn, and a log axis takes no interval. The ranges follow the domain as it changes, draw after the thresholds entries and carry no title; minSpacing keeps a rule from flooding the axis.

thresholdStep.every ​

Which steps get a threshold: 1 keeps every step, 2 every other one, 3 every third.

every means the same in tickStep and thresholdStep. every and offset need an interval to count, so setting either without one is a validation error, and offset shifts which multiples every keeps, so setting it while every is 1 (every multiple kept) is one too.

  • Default: 1
  • Validation: should be an integer and >= to 1; should be left at its default on a linear axis unless interval is set; should be left at its default on a log axis, where interval must be null

thresholdStep.front ​

Whether the stepped thresholds are drawn in front of (true) or behind (false) the series shapes.

  • Default: false
  • Validation: should be a boolean

thresholdStep.gradient ​

The unique id of the gradient config filling the stepped ranges (use null for none; an unknown id is a validation error; cannot be combined with pattern).

  • Default: null
  • Validation: should be a string or be equal to null; should be the id of a linearGradients or radialGradients entry

thresholdStep.interval ​

The axis value distance the thresholds step by on a linear number scale (use null for none, as a log axis must).

  • Default: null
  • Validation: should be equal to null when scale is log; should be a number greater than 0 or be equal to null when scale is linear

thresholdStep.minSpacing ​

The least distance (in pixels, at least 2) to allow between the thresholds the rule draws on a linear axis; when they would be closer, none are drawn (an ordinal axis accepts only 2).

The thresholds are counted before any is drawn, from the axis length and the number of thresholds the rule would draw, so a rule that would flood the axis never builds its shapes. When they would sit closer together than minSpacing, no stepped thresholds are drawn and a console warning names the axis. An ordinal axis never draws more thresholds than it has categories, so it accepts only the default.

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

thresholdStep.offset ​

The number of steps skipped before the first threshold; it shifts which multiples are kept, counted from 0.

every means the same in tickStep and thresholdStep. every and offset need an interval to count, so setting either without one is a validation error, and offset shifts which multiples every keeps, so setting it while every is 1 (every multiple kept) is one too.

  • Default: 0
  • Validation: should be an integer and >= to 0; should be left at its default on a linear axis unless interval is set; should be left at its default on a log axis, where interval must be null; should be 0 on a linear axis unless every is above 1, since all steps are kept and there is nothing to shift

thresholdStep.pattern ​

The unique id of the pattern config filling the stepped ranges (use null for none; an unknown id is a validation error; cannot be combined with gradient).

The pattern's "owner" color keyword resolves to the step's style.normal.fillColor.

  • Default: null
  • Validation: should be a string or be equal to null; should be the id of a patterns entry; cannot be combined with gradient

thresholdStep.range ​

Whether each threshold is a range spanning its step (true) or a line at its start (false).

interval: 10 with every: 2 draws ranges over 0 to 10, 20 to 30 and so on; with range: false a line sits at each multiple instead.

  • Default: true
  • Validation: should be a boolean

thresholdStep.style ​

The style of the stepped thresholds: the stroke members draw a line or the edges of a range, the fill members fill a range and are ignored on a line.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

thresholdStep.style.defocused ​

The style of the stepped thresholds: the stroke members draw a line or the edges of a range, the fill members fill a range and are ignored on a line, while the axis is defocused.

thresholdStep.style.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"
thresholdStep.style.defocused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 0.05
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholdStep.style.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"
thresholdStep.style.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" ]
thresholdStep.style.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.325
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholdStep.style.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" ]

thresholdStep.style.focused ​

The style of the stepped thresholds: the stroke members draw a line or the edges of a range, the fill members fill a range and are ignored on a line, while the axis is focused.

thresholdStep.style.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"
thresholdStep.style.focused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 0.1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholdStep.style.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"
thresholdStep.style.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" ]
thresholdStep.style.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholdStep.style.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" ]

thresholdStep.style.normal ​

The style of the stepped thresholds: the stroke members draw a line or the edges of a range, the fill members fill a range and are ignored on a line, while the axis is neither focused nor defocused.

thresholdStep.style.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")
thresholdStep.style.normal.fillOpacity ​

The opacity (0 - 1) of the fill.

  • Default: 0.1
  • Validation: should be a number >= to 0 and <= 1
thresholdStep.style.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")
thresholdStep.style.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
thresholdStep.style.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1
thresholdStep.style.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

thresholdStep.visible ​

Whether to draw the stepped thresholds.

  • Default: false
  • Validation: should be a boolean

thresholds ​

The thresholds to draw across the plot: a line at an axis value, or a range between two.

A line at an axis value, or with a rangeValue a range between two. A line entry uses only the style stroke members; the fill members, pattern and gradient apply to ranges. Thresholds never extend the axis domain: a line outside it is not drawn, a range partly outside is clipped to it, and one wholly outside is not drawn. On a log axis a value at or below 0 has no position: a line there is a validation error, a range with one end there fills from the minimum end of the axis (a range from 0 to 10 covers everything below 10), and a range with neither end above 0 is a validation error.

thresholds[].front ​

Whether the threshold is drawn in front of (true) or behind (false) the series shapes.

thresholds[].gradient ​

The unique id of the gradient config filling a threshold range (use null for none; an unknown id is a validation error; cannot be combined with pattern).

  • Default: null
  • Validation: should be a string or be one of [ null, undefined ]; should be the id of a linearGradients or radialGradients entry

thresholds[].pattern ​

The unique id of the pattern config filling a threshold range (use null for none; an unknown id is a validation error; cannot be combined with gradient).

The pattern's "owner" color keyword resolves to the range's style.normal.fillColor.

  • Default: null
  • Validation: should be a string or be one of [ null, undefined ]; should be the id of a patterns entry; cannot be combined with gradient
  • Used in: Threshold Range

thresholds[].rangeValue ​

The second value of a threshold range (use null for a line).

Turns the entry into a range: the space between the two values (in either order) is filled with the style fill members, or with the pattern or gradient named by id, and its two edges are drawn with the stroke members like lines (a stroke opacity of 0 leaves the fill alone).

thresholds[].style ​

The style of the threshold: the stroke members draw a line or the edges of a range, the fill members fill a range and are ignored on a line.

thresholds[].style.defocused ​

The style of the threshold: the stroke members draw a line or the edges of a range, the fill members fill a range and are ignored on a line, while the axis is defocused.

thresholds[].style.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"
thresholds[].style.defocused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 0.05
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholds[].style.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"
thresholds[].style.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" ]
thresholds[].style.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.325
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholds[].style.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" ]

thresholds[].style.focused ​

The style of the threshold: the stroke members draw a line or the edges of a range, the fill members fill a range and are ignored on a line, while the axis is focused.

thresholds[].style.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"
thresholds[].style.focused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 0.1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholds[].style.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"
thresholds[].style.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" ]
thresholds[].style.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholds[].style.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" ]

thresholds[].style.normal ​

The style of the threshold: the stroke members draw a line or the edges of a range, the fill members fill a range and are ignored on a line, while the axis is neither focused nor defocused.

thresholds[].style.normal.fillColor ​

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

thresholds[].style.normal.fillOpacity ​

The opacity (0 - 1) of the fill.

thresholds[].style.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.

thresholds[].style.normal.strokeDashArray ​

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

thresholds[].style.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

thresholds[].style.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

thresholds[].title ​

The title label shown beside the threshold.

thresholds[].title.anchor ​

Where the title sits along the threshold ("start", "middle", "end", or "auto" for the axis side).

thresholds[].title.backgroundStyle ​

The styles to apply to the threshold title background.

thresholds[].title.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
thresholds[].title.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
thresholds[].title.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
thresholds[].title.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
thresholds[].title.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
thresholds[].title.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

thresholds[].title.font ​

The font of the threshold title text (family, size, weight, style), each member falling back to chart.font when null.

  • Default: { family: null, size: null, weight: null, style: null }
  • Validation: should be an object with any of the properties { family, size, style, weight } or be equal to undefined
thresholds[].title.font.family ​

The css font-family of the text, or null to leave the font family to css.

  • Default: null
  • Validation: should be a css font-family string with at least one character other than whitespace or be equal to null
thresholds[].title.font.size ​

The font size of the text, as a number of pixels or any css font-size string (a length with a unit, a percentage, a size keyword, or a calc/clamp/min/max/var function), or null to leave the font size to css.

  • Default: null
  • Validation: should be a number of pixels greater than 0, or a css font-size string (a length above 0 with a unit, a percentage, a size keyword, or a calc/clamp/min/max/var function) or be equal to null
thresholds[].title.font.style ​

The css font-style of the text ("normal", "italic", "oblique"), or null to leave the font style to css.

  • Default: null
  • Validation: should be one of [ "normal", "italic", "oblique" ] or be equal to null
thresholds[].title.font.weight ​

The css font-weight of the text (100 to 900 in hundreds, or "normal", "bold", "lighter", "bolder"), or null to leave the font weight to css.

  • Default: null
  • Validation: should be one of [ 100, 200, 300, 400, 500, 600, 700, 800, 900, "normal", "bold", "lighter", "bolder" ] or be equal to null

thresholds[].title.margin ​

The margin (in pixels) of the threshold title, relative to its orientation.

  • Default: { top: 0, right: 0, bottom: 0, left: 0 }
  • Validation: should be an object with any of the properties { bottom, left, right, top } or be equal to undefined
thresholds[].title.margin.bottom ​

The space (in pixels) along the bottom edge.

  • Default: 0
  • Validation: should be a number >= to 0
thresholds[].title.margin.left ​

The space (in pixels) along the left edge.

  • Default: 0
  • Validation: should be a number >= to 0
thresholds[].title.margin.right ​

The space (in pixels) along the right edge.

  • Default: 0
  • Validation: should be a number >= to 0
thresholds[].title.margin.top ​

The space (in pixels) along the top edge.

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

thresholds[].title.padding ​

The padding (in pixels) of the threshold title, relative to its orientation.

thresholds[].title.padding.bottom ​

The space (in pixels) along the bottom edge.

thresholds[].title.padding.left ​

The space (in pixels) along the left edge.

thresholds[].title.padding.right ​

The space (in pixels) along the right edge.

thresholds[].title.padding.top ​

The space (in pixels) along the top edge.

thresholds[].title.side ​

The value side of the threshold the title sits on ("low", "high", or "inside" a range).

On a line, the side of the line the title sits on, by axis value. On a range, low or high of the whole range, or inside centered within it; inside is an error on a line.

thresholds[].title.snapToValue ​

Whether the title flips to the other side of the threshold when its own side has no room, instead of being clamped inside the plot over it.

  • Default: true
  • Validation: should be a boolean or be equal to undefined
  • Used in: Threshold Line

thresholds[].title.text ​

The title text shown beside the threshold (use null or an empty string for none).

thresholds[].title.textStyle ​

The style of the threshold title text.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal } or be equal to undefined
thresholds[].title.textStyle.defocused ​

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

thresholds[].title.textStyle.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"
thresholds[].title.textStyle.defocused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholds[].title.textStyle.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"
thresholds[].title.textStyle.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" ]
thresholds[].title.textStyle.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholds[].title.textStyle.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: null
  • Validation: should be a number >= to 0 or be one of [ null, "same" ]
thresholds[].title.textStyle.focused ​

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

thresholds[].title.textStyle.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"
thresholds[].title.textStyle.focused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholds[].title.textStyle.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"
thresholds[].title.textStyle.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" ]
thresholds[].title.textStyle.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
thresholds[].title.textStyle.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: null
  • Validation: should be a number >= to 0 or be one of [ null, "same" ]
thresholds[].title.textStyle.normal ​

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

thresholds[].title.textStyle.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")
thresholds[].title.textStyle.normal.fillOpacity ​

The opacity (0 - 1) of the fill.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1
thresholds[].title.textStyle.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")
thresholds[].title.textStyle.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
thresholds[].title.textStyle.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1
thresholds[].title.textStyle.normal.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

thresholds[].value ​

The axis value the threshold sits at.

  • Required: a value must be given (there is no default)
  • Validation: should be a number; should be a number greater than 0 when scale is log; should be a number greater than 0 when scale is log and rangeValue is not greater than 0
  • Used in: Thresholds and ranges · Threshold Line · Threshold Range

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"

tickLabel ​

The labels shown at each tick along the axis.

tickLabel.adjustSizeForFiltering ​

Whether to adjust the size of the axis tick label bounds as series belonging to it are filtered (applies to the minor tick labels too).

  • Default: false
  • Validation: should be a boolean

tickLabel.anchor ​

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" ]

tickLabel.backgroundStyle ​

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

tickLabel.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

tickLabel.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

tickLabel.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

tickLabel.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

tickLabel.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

tickLabel.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

tickLabel.font ​

The font of the axis tick label text (family, size, weight, style), each member falling back to chart.font when null.

  • Default: { family: null, size: null, weight: null, style: null }
  • Validation: should be an object with any of the properties { family, size, style, weight }
  • Used in: Font

tickLabel.font.family ​

The css font-family of the text, or null to leave the font family to css.

  • Default: null
  • Validation: should be a css font-family string with at least one character other than whitespace or be equal to null

tickLabel.font.size ​

The font size of the text, as a number of pixels or any css font-size string (a length with a unit, a percentage, a size keyword, or a calc/clamp/min/max/var function), or null to leave the font size to css.

  • Default: null
  • Validation: should be a number of pixels greater than 0, or a css font-size string (a length above 0 with a unit, a percentage, a size keyword, or a calc/clamp/min/max/var function) or be equal to null
  • Used in: Font

tickLabel.font.style ​

The css font-style of the text ("normal", "italic", "oblique"), or null to leave the font style to css.

  • Default: null
  • Validation: should be one of [ "normal", "italic", "oblique" ] or be equal to null

tickLabel.font.weight ​

The css font-weight of the text (100 to 900 in hundreds, or "normal", "bold", "lighter", "bolder"), or null to leave the font weight to css.

  • Default: null
  • Validation: should be one of [ 100, 200, 300, 400, 500, 600, 700, 800, 900, "normal", "bold", "lighter", "bolder" ] or be equal to null

tickLabel.format ​

The d3 format string to be applied to the series values when displayed in axis tick labels (use null for none, use "auto" for an SI-prefixed number whose precision follows the tick spacing, or on a log axis the magnitude of each tick, in exponent form beyond the SI prefixes; there a format that leaves its precision open takes 3 significant digits, trimmed).

tickLabel.front ​

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

  • Default: false
  • Validation: should be a boolean

tickLabel.marginInner ​

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

tickLabel.marginOuter ​

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

tickLabel.paddingInner ​

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

tickLabel.paddingOuter ​

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

tickLabel.prefix ​

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

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

tickLabel.rotation ​

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

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

tickLabel.size ​

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"

tickLabel.suffix ​

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

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

tickLabel.textStyle ​

The style of the axis tick label text.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

tickLabel.textStyle.defocused ​

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

tickLabel.textStyle.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"
tickLabel.textStyle.defocused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 0.5
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
tickLabel.textStyle.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"
tickLabel.textStyle.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" ]
tickLabel.textStyle.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.5
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
tickLabel.textStyle.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" ]

tickLabel.textStyle.focused ​

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

tickLabel.textStyle.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"
tickLabel.textStyle.focused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
tickLabel.textStyle.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"
tickLabel.textStyle.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" ]
tickLabel.textStyle.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
tickLabel.textStyle.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" ]

tickLabel.textStyle.normal ​

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

tickLabel.textStyle.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")
tickLabel.textStyle.normal.fillOpacity ​

The opacity (0 - 1) of the fill.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1
tickLabel.textStyle.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")
tickLabel.textStyle.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
tickLabel.textStyle.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1
tickLabel.textStyle.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

tickLabel.visible ​

Whether to show the axis tick labels (false hides the minor tick labels too, whatever minorTickLabel.visible says).

A label hidden here is not drawn and takes no room in the layout, and its ticks are no longer thinned to make the labels fit: under a tickStep rule the tick marks and grid lines are limited only by tickStep.minSpacing, and without one the axis still picks its tick count from tickCount, maxTickCount, minTickSpacing and minTickInterval. To keep hidden labels in the layout, leave them visible and set the opacities of every state of textStyle to 0 instead.

  • Default: true
  • Validation: should be a boolean

tickMark ​

The tick marks drawn perpendicular to the axis at each tick value.

  • Default: { visible: true, front: false, size: 3, marginInner: 0, style: { … } }
  • Validation: should be an object with any of the properties { front, marginInner, size, style, visible }

tickMark.front ​

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

  • Default: false
  • Validation: should be a boolean

tickMark.marginInner ​

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

tickMark.size ​

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

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

tickMark.style ​

The style of the axis tick mark lines.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

tickMark.style.defocused ​

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

tickMark.style.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"
tickMark.style.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" ]
tickMark.style.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.325
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
tickMark.style.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" ]

tickMark.style.focused ​

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

tickMark.style.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"
tickMark.style.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" ]
tickMark.style.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
tickMark.style.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" ]

tickMark.style.normal ​

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

tickMark.style.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")
tickMark.style.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
tickMark.style.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

  • Default: 0.65
  • Validation: should be a number >= to 0 and <= 1
tickMark.style.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

tickMark.visible ​

Whether to show lines perpendicular to each tick value along the axis (false hides the minor tick marks too, whatever minorTickMark.visible says).

  • Default: true
  • Validation: should be a boolean

tickStep ​

The step between the ticks shown along the axis, with minor ticks between them.

Chooses the ticks by rule rather than by a list, so the choice holds as the data changes; explicit ticks take precedence. An interval places the ticks on its multiples, every and offset choose which of them are kept, counted from 0, and minorSteps places minor ticks between them; without an interval the axis keeps the ticks it picks. A log axis takes no interval, since equal distances in values take unequal lengths there, so it always keeps the ticks it picks. The minor tick marks, grid lines and labels carry the mochart-axis-minor-tick-mark, mochart-axis-minor-grid-line and mochart-axis-minor-tick-label classes, and minorTickLabel, minorTickMark and minorGridLine say how they are drawn.

tickStep.every ​

Which steps get a tick: 1 keeps every step, 2 every other one, 3 every third.

When more ticks survive the rule than fit, every k-th survivor is kept starting from the first. It means the same in tickStep and thresholdStep. It needs an interval to count, and is counted from 0, so setting it without one is a validation error.

  • Default: 1
  • Validation: should be an integer and >= to 1; should be left at its default on a linear axis unless interval is set; should be left at its default on a log axis, where interval must be null

tickStep.interval ​

The axis value distance between the ticks on a linear number scale (use null to keep the ticks the axis picks, as a log axis must).

Places a tick at every multiple of the interval inside the axis domain, counted from 0, so the ticks stay put as the data moves the domain. Setting it never changes the automatic min and max of the axis, it only chooses where the ticks go. A tickLabel.format without a precision of its own, "auto" included, takes its precision from the spacing of the ticks drawn: an interval of 0.25 reads 0.25, a minorSteps of 4 on an interval of 1 reads 0.25 too, and a spacing with no exact decimal form, such as a minorSteps of 3 on an interval of 1, reads to two significant digits: 0.33, 0.67. When more ticks survive than fit, every k-th survivor is kept from the first, and a tick thinned away stays a hidden tick: its minor ticks are kept, and it never becomes one.

  • Default: null
  • Validation: should be equal to null when scale is log; should be a number greater than 0 or be equal to null when scale is linear

tickStep.minSpacing ​

The least distance (in pixels, at least 2) to allow between the ticks the step creates on a linear axis; minor ticks that would be closer are not created, and ticks that would be closer leave the axis to the ticks it picks (an ordinal axis accepts only 2).

The ticks are counted before any is created, from the axis length and the number the step would create, so a step that would create thousands of ticks never builds them. When the minor ticks would be closer together than this, none are created; when the ticks themselves would be, the step creates none either and the axis uses the ticks it picks, as if interval were null. Both cases log a console warning naming the axis. Explicit ticks are never limited, and an ordinal axis cannot create more ticks than it has categories, so it accepts only the default.

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

tickStep.minorSteps ​

The number of even steps (at least 2) each interval is split into on a linear number scale, with a minor tick at each step between the ticks (use null for none).

Splits interval itself, not the gap between the ticks that every keeps, and needs an interval to split. { interval: 10, every: 2, minorSteps: 5 } gives ticks at 0, 20 and 40 and minor ticks every 2, including at 10 and 30: the steps every skips get a minor tick only where one of the even steps falls. A minor tick at a tick's position is dropped.

  • Default: null
  • Validation: should be equal to null when scale is log; should be an integer and >= to 2 or be equal to null when scale is linear; should be null unless interval is set

tickStep.offset ​

The number of steps skipped before the first tick; it shifts which multiples are kept, counted from 0.

It needs an interval to count, so setting it without one is a validation error, and it shifts which multiples every keeps, so setting it while every is 1 (every multiple kept) is one too.

  • Default: 0
  • Validation: should be an integer and >= to 0; should be left at its default on a linear axis unless interval is set; should be left at its default on a log axis, where interval must be null; should be 0 on a linear axis unless every is above 1, since all steps are kept and there is nothing to shift

ticks ​

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

Replaces the automatic tick generation entirely: tick counts, intervals and domain-edge ticks are ignored, except that the entries marked minor follow the minor label fit rule. Useful for naming fixed positions, e.g. heatmap row bands or threshold levels. Ticks outside the current axis domain are hidden, and two entries with the same value are a validation error.

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

ticks[].label ​

The text of the tick label (leave it out to format the value with tickLabel.format).

  • Default: none
  • Validation: should be a string or be equal to undefined
  • Used in: Heatmap

ticks[].minor ​

Whether the tick is a minor tick, drawn and labeled with the minor tick settings (leave it out for a regular tick).

A minor entry is drawn with the minorTickLabel, minorTickMark and minorGridLine settings, and its label shows only when every minor label fits beside its neighbours; an entry with a label keeps it whatever minorTickLabel.format says.

  • Default: none
  • Validation: should be a boolean or be equal to undefined

ticks[].value ​

The axis value to place the tick at (above 0 on a log axis).

  • Required: a value must be given (there is no default)
  • Validation: should be a number greater than 0 when scale is log; should be a number when scale is linear; should not repeat the value of another ticks entry
  • Used in: Heatmap

title ​

The title shown alongside the axis.

title.backgroundStyle ​

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

title.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

title.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

title.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

title.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

title.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

title.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

title.font ​

The font of the axis title text (family, size, weight, style), each member falling back to chart.font when null.

  • Default: { family: null, size: null, weight: null, style: null }
  • Validation: should be an object with any of the properties { family, size, style, weight }
  • Used in: Typography · Font

title.font.family ​

The css font-family of the text, or null to leave the font family to css.

  • Default: null
  • Validation: should be a css font-family string with at least one character other than whitespace or be equal to null

title.font.size ​

The font size of the text, as a number of pixels or any css font-size string (a length with a unit, a percentage, a size keyword, or a calc/clamp/min/max/var function), or null to leave the font size to css.

  • Default: null
  • Validation: should be a number of pixels greater than 0, or a css font-size string (a length above 0 with a unit, a percentage, a size keyword, or a calc/clamp/min/max/var function) or be equal to null

title.font.style ​

The css font-style of the text ("normal", "italic", "oblique"), or null to leave the font style to css.

  • Default: null
  • Validation: should be one of [ "normal", "italic", "oblique" ] or be equal to null
  • Used in: Typography · Font

title.font.weight ​

The css font-weight of the text (100 to 900 in hundreds, or "normal", "bold", "lighter", "bolder"), or null to leave the font weight to css.

  • Default: null
  • Validation: should be one of [ 100, 200, 300, 400, 500, 600, 700, 800, 900, "normal", "bold", "lighter", "bolder" ] or be equal to null

title.front ​

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

  • Default: false
  • Validation: should be a boolean

title.marginInner ​

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

title.marginOuter ​

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

title.paddingInner ​

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

title.paddingOuter ​

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

title.size ​

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"

title.text ​

The title text to be shown alongside the axis (use null or an empty string for no title).

title.textStyle ​

The style of the axis title text.

  • Default: { normal: { … }, focused: { … }, defocused: { … } }
  • Validation: should be an object with any of the properties { defocused, focused, normal }

title.textStyle.defocused ​

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

title.textStyle.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"
title.textStyle.defocused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 0.5
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
title.textStyle.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"
title.textStyle.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" ]
title.textStyle.defocused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 0.5
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
title.textStyle.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" ]

title.textStyle.focused ​

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

title.textStyle.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"
title.textStyle.focused.fillOpacity ​

The opacity (0 - 1) of the fill, or "same" to use the value of the normal state.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
title.textStyle.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"
title.textStyle.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" ]
title.textStyle.focused.strokeOpacity ​

The opacity (0 - 1) of the stroke, or "same" to use the value of the normal state.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1 or be equal to "same"
title.textStyle.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" ]

title.textStyle.normal ​

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

title.textStyle.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")
title.textStyle.normal.fillOpacity ​

The opacity (0 - 1) of the fill.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1
title.textStyle.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")
title.textStyle.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
title.textStyle.normal.strokeOpacity ​

The opacity (0 - 1) of the stroke.

  • Default: 1
  • Validation: should be a number >= to 0 and <= 1
title.textStyle.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

title.truncation ​

The truncation applied to the axis title when it would overflow the axis bounds.

title.truncation.enabled ​

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

title.truncation.text ​

The truncation text to append when text is truncated.

title.truncation.tooltipEnabled ​

Whether truncated text shows its full string as the browser's native tooltip while a pointer rests on it.

When true, a truncated axis title carries an svg <title> holding the full text, which browsers show as their native tooltip (not the chart tooltip) while a mouse or pen rests on it. Touch has no hover, so nothing shows there; the axis group is already named from the full title.

  • Default: true
  • Validation: should be a boolean

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 (its line, tick marks, tick labels and title). Its grid, base and threshold lines are controlled by their own visibility properties, and can remain visible when the axis is hidden.

visibleWhenAllFiltered ​

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

  • Default: true
  • Validation: should be a boolean

Released under the MIT License.