Configures the axes in the chart.
Border of the multi level labels.
number
The polar radar radius position.
Defaults to 100
number
Specifies the index of the column where the axis is associated,
when the chart area is divided into multiple plot areas by using columns
.
<div id='Chart'></div>
let chart: Chart = new Chart({
...
columns: [{ width: '50%' },
{ width: '50%' }],
axes: [{
name: 'xAxis 1',
columnIndex: 1,
}],
...
});
chart.appendTo('#Chart');
Defaults to 0
Object
Specifies the value at which the axis line has to be intersect with the vertical axis or vice versa.
Defaults to null
string
Specifies axis name with which the axis line has to be crossed.
Defaults to null
Options to customize the crosshair ToolTip.
string
Description for axis and its element.
Defaults to null
number
With this property, you can request axis to calculate intervals approximately equal to your specified interval.
Defaults to null
Specifies the position of labels at the edge of the axis.They are,
Defaults to ‘None’
boolean
If set to true, axis interval will be calculated automatically with respect to the zoomed range.
Defaults to true
boolean
Enables the scrollbar for zooming.
Defaults to true
boolean
Specifies the Trim property for an axis.
Defaults to false
number
Specifies the interval for an axis.
Defaults to null
Specifies the types like Years
, Months
, Days
, Hours
, Minutes
, Seconds
in date time axis.They are,
Defaults to ‘Auto’
boolean
Specifies indexed category axis.
Defaults to false
boolean
It specifies whether the axis to be rendered in inversed manner or not.
Defaults to false
string
Used to format the axis label that accepts any global string format like ‘C’, ‘n1’, ‘P’ etc. It also accepts placeholder like ‘{value}°C’ in which value represent the axis label, e.g, 20°C.
Defaults to ”
Specifies the actions like None
, Hide
, Trim
, Wrap
, MultipleRows
, Rotate45
, and Rotate90
when the axis labels intersect with each other.They are,
Defaults to Trim
number
Specifies the labelPadding from axis.
Defaults to 5
Specifies the placement of a label for category axis. They are,
Defaults to ‘BetweenTicks’
Specifies the placement of a labels to the axis line. They are,
Defaults to ‘Outside’
number
The angle to which the axis label gets rotated.
Defaults to 0
Options to customize the axis label.
It specifies alignment of the line break labels.
Defaults to ‘Center’
Options for customizing axis lines.
number
The base value for logarithmic axis. It requires valueType
to be Logarithmic
.
Defaults to 10
Options for customizing major grid lines.
Options for customizing major tick lines.
Object
Specifies the maximum range of an axis.
Defaults to null
number
Specifies the maximum width of an axis label.
Defaults to 34.
number
The maximum number of label count per 100 pixels with respect to the axis length.
Defaults to 3
Object
Specifies the minimum range of an axis.
Defaults to null
Options for customizing minor grid lines.
Options for customizing minor tick lines.
number
Specifies the number of minor ticks per interval.
Defaults to 0
Specifies the multi level labels collection for the axis.
string
Unique identifier of an axis. To associate an axis with the series, set this name to the xAxisName/yAxisName properties of the series.
Defaults to ”
boolean
If set to true, the axis will render at the opposite side of its default position.
Defaults to false
boolean
Specifies whether axis elements like axis labels, axis title, etc has to be crossed with axis line.
Defaults to true
number
Left and right padding for the plot area in pixels.
Defaults to 0
number
Bottom padding for the plot area in pixels.
Defaults to null
number
Left padding for the plot area in pixels.
Defaults to null
number
Right padding for the plot area in pixels.
Defaults to null
number
Top padding for the plot area in pixels.
Defaults to null
Specifies the padding for the axis range in terms of interval.They are,
Defaults to ‘Auto’
number
Specifies the index of the row where the axis is associated, when the chart area is divided into multiple plot areas by using rows
.
<div id='Chart'></div>
let chart: Chart = new Chart({
...
rows: [{ height: '50%' },
{ height: '50%' }],
axes: [{
name: 'yAxis 1',
rowIndex: 1,
}],
...
});
chart.appendTo('#Chart');
Defaults to 0
Option to customize scrollbar with lazy loading.
string
Specifies the skeleton format in which the dateTime format will process.
Defaults to ”
It specifies the type of format to be used in dateTime format process.
Defaults to ‘DateTime’
number
Specifies the number of columns
or rows
an axis has to span horizontally or vertically.
Defaults to 1
number
The start angle for the series.
Defaults to 0
boolean
It specifies whether the axis to be start from zero.
Defaults to true
Specifies the stripLine collection for the axis.
number
TabIndex value for the axis.
Defaults to 2
Specifies the placement of a ticks to the axis line. They are,
Defaults to ‘Outside’
string
Specifies the title of an axis.
Defaults to ”
number
Specifies the titlePadding from axis label.
Defaults to 5
number
Defines an angle to rotate axis title. By default, angle auto calculated based on position and orientation of axis.
Defaults to null
Options for customizing the axis title.
Specifies the type of data the axis is handling.
Defaults to ‘Double’
boolean
If set to true, axis label will be visible.
Defaults to true
number
The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
Defaults to 1
number
Position of the zoomed axis. Value ranges from 0 to 1.
Defaults to 0