ChartAxisConfig

interface ChartAxisConfig

This interface defines the parameters to style a default axis on a Chart.

Properties

axisType

axisType: undefined | Bottom | Top

dominantBaseline

dominantBaseline: undefined | string

How the text aligns vertically: auto, middle, hanging. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline

fillColor

fillColor: undefined | string

This defines the fill color of the glyph.

fillOpacity

fillOpacity: undefined | number

This defines the fill opacity of the glyph.

fontFamily

fontFamily: undefined | string

The font family that will be used. See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-family

fontSize

fontSize: undefined | number

The font size of the text.

fontStyle

fontStyle: undefined | string

The font style: normal, italic, or oblique. See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-style

fontWeight

fontWeight: undefined | string

The weight of the font: normal, bold, bolder, lighter. See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-weight

labelFillColor

labelFillColor: undefined | string

This defines fill color of the tick labels on the axis.

labelFillOpacity

labelFillOpacity: undefined | number

This defines the fill opacity of the labels on the axis.

labelStrokeColor

labelStrokeColor: undefined | string

This defines the stroke color of the tick labels on the axis.

labelStrokeOpacity

labelStrokeOpacity: undefined | number

This defines the stroke opacity of the labels on the axis.

labelStrokeWidth

labelStrokeWidth: undefined | number

This defines the stroke width of the tick labels on the axis.

strokeColor

strokeColor: undefined | string

This defines the color of the border around the glyph.

strokeDashArray

strokeDashArray: undefined | string

This defines the stroke dash array of the glyph. See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray

strokeDashOffset

strokeDashOffset: undefined | string

This defines the offset for the stroke dash array (if supplied) of the glyph. See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset

strokeLineCap

strokeLineCap: undefined | string

This defines the stroke linecap of the glyph. See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap

strokeLineJoin

strokeLineJoin: undefined | string

This defines the offset for the stroke linejoin of the glyph. See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin

strokeOpacity

strokeOpacity: undefined | number

This defines the opacity of the border around the glyph.

strokeWidth

strokeWidth: undefined | number

This defines the width of the border around the glyph.

textAnchor

textAnchor: undefined | string

How the text aligns horizontally: start, middle, or end. See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-anchor

tickFillColor

tickFillColor: undefined | string

This defines the fill color of the tick marks on the axis

tickFillOpacity

tickFillOpacity: undefined | string

This defines the fill opacity of the tick marks on the axis.

tickFormat

tickFormat: undefined | string

This controls the tick count and format of the tick labels. For more information, see: https://github.com/d3/d3-axis#axis_ticks

tickPadding

tickPadding: undefined | number

This controls the distance between the tick marks and tick labels. For more information, see: https://github.com/d3/d3-axis#axis_tickPadding

tickSizeInner

tickSizeInner: undefined | number

This controls the size of the “inner” axis ticks. For more information, see: https://github.com/d3/d3-axis#axis_tickSizeInner

tickSizeOuter

tickSizeOuter: undefined | number

This controls the size of the “outer” axis ticks. For more information, see: https://github.com/d3/d3-axis#axis_tickSizeOuter

tickStrokeColor

tickStrokeColor: undefined | string

This defines the stroke color of the tick marks on the axis.

tickStrokeOpacity

tickStrokeOpacity: undefined | number

This defines the stroke opacity of the tick marks on the axis.

tickStrokeWidth

tickStrokeWidth: undefined | number

This defines the stroke width of the tick marks on the axis.

ticks

ticks: undefined | number

This defines the tick property that will be passed to D3’s axis.ticks function. For more information, see https://github.com/d3/d3-axis#axis_ticks