XAxis

Companion object XAxis

class XAxis extends Object

Annotations: @RawJSType() @ScalaJSDefined()
Note: JavaScript name: xAxis

Linear Supertypes

Object, Any, AnyRef, Any

Ordering

Alphabetic
By Inheritance

Inherited

XAxis
Object
Any
AnyRef
Any

Hide All
Show All

Visibility

Public
All

Instance Constructors

new XAxis()

Value Members

final def !=(arg0: Any): Boolean

Definition Classes
AnyRef → Any
final def ##(): Int

Definition Classes
AnyRef → Any
final def ==(arg0: Any): Boolean

Definition Classes
AnyRef → Any
val allowDecimals: UndefOr[Boolean]
Whether to allow decimals in this axis' ticks.
Whether to allow decimals in this axis' ticks. When counting integers, like persons or hits on a web page, decimals should be avoided in the labels.
Example:
1. True by default (unwanted for this type of data), false
Since
2.0
val alternateGridColor: UndefOr[|[String, Object]]
When using an alternate grid color, a band is painted across the plot area between every other grid line.
When using an alternate grid color, a band is painted across the plot area between every other grid line.
Example:
1. Alternate grid color on the Y axis
final def asInstanceOf[T0]: T0

Definition Classes
Any
val breaks: UndefOr[Array[CleanJsObject[XAxisBreaks]]]
An array defining breaks in the axis, the sections defined will be left out and all the points shifted closer to each other.
An array defining breaks in the axis, the sections defined will be left out and all the points shifted closer to each other. Requires that the broken-axis.js module is loaded.
Example:
1. Simple break, advanced with callback
Since
4.1.0
val categories: UndefOr[Array[String]]
If categories are present for the xAxis, names are used instead of numbers for that axis.
If categories are present for the xAxis, names are used instead of numbers for that axis. Since Highcharts 3.0, categories can also be extracted by giving each point a name and setting axis type to category. However, if you have multiple series, best practice remains defining the categories array.
Example:
```
categories: ['Apples', 'Bananas', 'Oranges']
```
Defaults to null
Example:
1. With and without categories
val ceiling: UndefOr[Double]
The highest allowed value for automatically computed axis extremes.
The highest allowed value for automatically computed axis extremes.
Example:
1. Floor and ceiling
Since
4.0
val className: UndefOr[String]
A class name that opens for styling the axis by CSS, especially in Highcharts styled mode.
A class name that opens for styling the axis by CSS, especially in Highcharts styled mode. The class name is applied to group elements for the grid, axis elements and labels.
Example:
1. Multiple axes with separate styling.
Since
5.0.0
def clone(): AnyRef

Attributes
protected[java.lang]
Definition Classes
AnyRef
Annotations
@throws( ... )
val crosshair: UndefOr[|[Boolean, CleanJsObject[XAxisCrosshair]]]
Configure a crosshair that follows either the mouse pointer or the hovered point.
Configure a crosshair that follows either the mouse pointer or the hovered point.
In styled mode, the crosshairs are styled in the .highcharts-crosshair, .highcharts-crosshair-thin or .highcharts-xaxis-category classes.
Example:
1. Crosshair on both axes
Since
4.1
val dateTimeLabelFormats: UndefOr[Object]
For a datetime axis, the scale will automatically adjust to the appropriate unit.
For a datetime axis, the scale will automatically adjust to the appropriate unit. This member gives the default string representations used for each unit. For intermediate values, different units may be used, for example the day unit can be used on midnight and hour unit be used for intermediate values on the same axis. For an overview of the replacement codes, see dateFormat.
Defaults to:
```
{
	millisecond: '%H:%M:%S.%L',
	second: '%H:%M:%S',
	minute: '%H:%M',
	hour: '%H:%M',
	day: '%e. %b',
	week: '%e. %b',
	month: '%b \'%y',
	year: '%Y'
}
```
Example:
1. Different day format on X axis
val description: UndefOr[String]
Requires Accessibility module
Requires Accessibility module
Description of the axis to screen reader users.
Example:
1. Accessible complex chart
Since
5.0.0
val endOnTick: UndefOr[Boolean]
Whether to force the axis to end on a tick.
Whether to force the axis to end on a tick. Use this option with the maxPadding option to control the axis end.
Example:
1. True by default and false for Y axis
Since
1.2.0
final def eq(arg0: AnyRef): Boolean

Definition Classes
AnyRef
def equals(arg0: Any): Boolean

Definition Classes
AnyRef → Any
val events: UndefOr[CleanJsObject[XAxisEvents]]
Event handlers for the axis.
def finalize(): Unit

Attributes
protected[java.lang]
Definition Classes
AnyRef
Annotations
@throws( classOf[java.lang.Throwable] )
val floor: UndefOr[Double]
The lowest allowed value for automatically computed axis extremes.
The lowest allowed value for automatically computed axis extremes.
Example:
1. Floor and ceiling
Since
4.0
final def getClass(): Class[_]

Definition Classes
AnyRef → Any
val gridLineColor: UndefOr[|[String, Object]]
Color of the grid lines extending the ticks across the plot area.
Color of the grid lines extending the ticks across the plot area.
In styled mode, the stroke is given in the .highcharts-grid-line class.
Example:
1. Green lines. Styled mode.
val gridLineDashStyle: UndefOr[String]
The dash or dot style of the grid lines.
The dash or dot style of the grid lines. For possible values, see this demonstration.
Example:
1. Long dashes
Since
1.2
val gridLineWidth: UndefOr[Double]
The width of the grid lines extending the ticks across the plot area.
The width of the grid lines extending the ticks across the plot area.
In styled mode, the stroke width is given in the .highcharts-grid-line class.
Example:
1. 2px lines. Styled mode.
val gridZIndex: UndefOr[Double]
The Z index of the grid lines.
The Z index of the grid lines.
Example:
1. A Z index of 4 renders the grid above the graph
def hasOwnProperty(v: String): Boolean

Definition Classes
Object
def hashCode(): Int

Definition Classes
AnyRef → Any
val id: UndefOr[String]
An id for the axis.
An id for the axis. This can be used after render time to get a pointer to the axis object through chart.get().
Example:
1. Get the object
Since
1.2.0
final def isInstanceOf[T0]: Boolean

Definition Classes
Any
def isPrototypeOf(v: Object): Boolean

Definition Classes
Object
val labels: UndefOr[CleanJsObject[XAxisLabels]]
The axis labels show the number or category for each tick.
val lineColor: UndefOr[|[String, Object]]
The color of the line marking the axis itself.
The color of the line marking the axis itself.
In styled mode, the line stroke is given in the .highcharts-axis-line or .highcharts-xaxis-line class.
Example:
1. A red line on Y axis. Axes in styled mode.
val lineWidth: UndefOr[Double]
The width of the line marking the axis itself.
The width of the line marking the axis itself.
In styled mode, the stroke width is given in the .highcharts-axis-line or .highcharts-xaxis-line class.
Example:
1. A 1px line on Y axis. Axes in styled mode.
val linkedTo: UndefOr[Double]
Index of another axis that this axis is linked to.
Index of another axis that this axis is linked to. When an axis is linked to a master axis, it will take the same extremes as the master, but as assigned by min or max or by setExtremes. It can be used to show additional info, or to ease reading the chart by duplicating the scales.
Example:
1. Different string formats of the same date, Y values on both sides
Since
2.0.2
val max: UndefOr[Double]
The maximum value of the axis.
The maximum value of the axis. If null, the max value is automatically calculated. If the endOnTick option is true, the max value might be rounded up.
If a tickAmount is set, the axis may be extended beyond the set max in order to reach the given number of ticks. The same may happen in a chart with multiple axes, determined by chart.alignTicks, where a tickAmount is applied internally.
Example:
1. Y axis max of 200, Y axis max on logarithmic axis
val maxPadding: UndefOr[Double]
Padding of the max value relative to the length of the axis.
Padding of the max value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer. This is useful when you don't want the highest data value to appear on the edge of the plot area. When the axis' max option is set or a max extreme is set using axis.setExtremes(), the maxPadding will be ignored.
Example:
1. Max padding of 0.25 on y axis
Since
1.2.0
val maxZoom: UndefOr[Double]
Deprecated.
Deprecated. Renamed to minRange as of Highcharts 2.2.
val min: UndefOr[Double]
The minimum value of the axis.
The minimum value of the axis. If null the min value is automatically calculated. If the startOnTick option is true, the min value might be rounded down.
Example:
1. Y axis min of -50 with startOnTick to false, -50 with startOnTick true by default
val minPadding: UndefOr[Double]
Padding of the min value relative to the length of the axis.
Padding of the min value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer. This is useful when you don't want the lowest data value to appear on the edge of the plot area. When the axis' min option is set or a min extreme is set using axis.setExtremes(), the minPadding will be ignored.
Example:
1. Min padding of 0.2
Since
1.2.0
val minRange: UndefOr[Double]
The minimum range to display on this axis.
The minimum range to display on this axis. The entire axis will not be allowed to span over a smaller interval than this. For example, for a datetime axis the main unit is milliseconds. If minRange is set to 3600000, you can't zoom in more than to one hour.
The default minRange for the x axis is five times the smallest interval between any of the data points.
On a logarithmic axis, the unit for the minimum range is the power. So a minRange of 1 means that the axis can be zoomed to 10-100, 100-1000, 1000-10000 etc.
Note that the minPadding, maxPadding, startOnTick and endOnTick settings also affect how the extremes of the axis are computed.
Example:
1. Minimum range of 5
val minTickInterval: UndefOr[Double]
The minimum tick interval allowed in axis values.
The minimum tick interval allowed in axis values. For example on zooming in on an axis with daily data, this can be used to prevent the axis from showing hours. Defaults to the closest distance between two points on the axis.

Since
2.3.0
val minorGridLineColor: UndefOr[|[String, Object]]
Color of the minor, secondary grid lines.
Color of the minor, secondary grid lines.
In styled mode, the stroke width is given in the .highcharts-minor-grid-line class.
Example:
1. Bright grey lines from Y axis. Styled mode.
val minorGridLineDashStyle: UndefOr[String]
The dash or dot style of the minor grid lines.
The dash or dot style of the minor grid lines. For possible values, see this demonstration.
Example:
1. Long dashes on minor grid lines
Since
1.2
val minorGridLineWidth: UndefOr[Double]
Width of the minor, secondary grid lines.
Width of the minor, secondary grid lines.
In styled mode, the stroke width is given in the .highcharts-grid-line class.
Example:
1. 2px lines from Y axis . Styled mode.
val minorTickColor: UndefOr[|[String, Object]]
Color for the minor tick marks.
Color for the minor tick marks.
Example:
1. Black tick marks on Y axis
val minorTickInterval: UndefOr[|[String, Double]]
Tick interval in scale units for the minor ticks.
Tick interval in scale units for the minor ticks. On a linear axis, if "auto", the minor tick interval is calculated as a fifth of the tickInterval. If null, minor ticks are not shown.
On logarithmic axes, the unit is the power of the value. For example, setting the minorTickInterval to 1 puts one tick on each of 0.1, 1, 10, 100 etc. Setting the minorTickInterval to 0.1 produces 9 ticks between 1 and 10, 10 and 100 etc. A minorTickInterval of "auto" on a log axis results in a best guess, attempting to enter approximately 5 minor ticks between each major tick.
If user settings dictate minor ticks to become too dense, they don't make sense, and will be ignored to prevent performance problems. On axes using categories, minor ticks are not supported.
Example:
1. Null by default, "auto" on linear Y axis, 5 units on linear Y axis, "auto" on logarithmic Y axis, 0.1 on logarithmic Y axis.
val minorTickLength: UndefOr[Double]
The pixel length of the minor tick marks.
The pixel length of the minor tick marks.
Example:
1. 10px on Y axis
val minorTickPosition: UndefOr[String]
The position of the minor tick marks relative to the axis line.
The position of the minor tick marks relative to the axis line. Can be one of inside and outside.
Example:
1. Outside by default, inside
val minorTickWidth: UndefOr[Double]
The pixel width of the minor tick mark.
The pixel width of the minor tick mark.
Example:
1. 3px width
val nameToX: UndefOr[Boolean]
Applies only when the axis type is category.
Applies only when the axis type is category. When nameToX is true, points are placed on the X axis according to their names. If the same point name is repeated in the same or another series, the point is placed on the same X position as other points of the same name. When nameToX is false, the points are laid out in increasing X positions regardless of their names, and the X axis category will take the name of the last point in each position.
Example:
1. True by default, false
Since
4.2.7
final def ne(arg0: AnyRef): Boolean

Definition Classes
AnyRef
final def notify(): Unit

Definition Classes
AnyRef
final def notifyAll(): Unit

Definition Classes
AnyRef
val offset: UndefOr[Double]
The distance in pixels from the plot area to the axis line.
The distance in pixels from the plot area to the axis line. A positive offset moves the axis with it's line, labels and ticks away from the plot area. This is typically used when two or more axes are displayed on the same side of the plot. With multiple axes the offset is dynamically adjusted to avoid collision, this can be overridden by setting offset explicitly.
Example:
1. Y axis offset of 70, Axes positioned in the center of the plot
val opposite: UndefOr[Boolean]
Whether to display the axis on the opposite side of the normal.
Whether to display the axis on the opposite side of the normal. The normal is on the left side for vertical axes and bottom for horizontal, so the opposite sides will be right and top respectively. This is typically used with dual or multiple axes.
Example:
1. Secondary Y axis opposite
val plotBands: UndefOr[Array[CleanJsObject[XAxisPlotBands]]]
An array of colored bands stretching across the plot area marking an interval on the axis.
An array of colored bands stretching across the plot area marking an interval on the axis.
In a gauge, a plot band on the Y axis (value axis) will stretch along the perimeter of the gauge.
In styled mode, the plot bands are styled by the .highcharts-plot-band class in addition to the className option.
val plotLines: UndefOr[Array[CleanJsObject[XAxisPlotLines]]]
An array of lines stretching across the plot area, marking a specific value on one of the axes.
An array of lines stretching across the plot area, marking a specific value on one of the axes.
In styled mode, the plot lines are styled by the .highcharts-plot-line class in addition to the className option.
def propertyIsEnumerable(v: String): Boolean

Definition Classes
Object
val reversed: UndefOr[Boolean]
Whether to reverse the axis so that the highest number is closest to the origin.
Whether to reverse the axis so that the highest number is closest to the origin. If the chart is inverted, the x axis is reversed by default.
Example:
1. Reversed Y axis
val showEmpty: UndefOr[Boolean]
Whether to show the axis line and title when the axis has no data.
Whether to show the axis line and title when the axis has no data.
Example:
1. When clicking the legend to hide series, one axis preserves line and title, the other doesn't
Since
1.1
val showFirstLabel: UndefOr[Boolean]
Whether to show the first tick label.
Whether to show the first tick label.
Example:
1. Set to false on X axis
val showLastLabel: UndefOr[Boolean]
Whether to show the last tick label.
Whether to show the last tick label.
Example:
1. Set to true on X axis
val softMax: UndefOr[Double]
A soft maximum for the axis.
A soft maximum for the axis. If the series data maximum is greater than this, the axis will stay at this maximum, but if the series data maximum is higher, the axis will flex to show all data.
Example:
1. Soft min and max
Since
5.0.1
val softMin: UndefOr[Double]
A soft minimum for the axis.
A soft minimum for the axis. If the series data minimum is greater than this, the axis will stay at this minimum, but if the series data minimum is lower, the axis will flex to show all data.
Example:
1. Soft min and max
Since
5.0.1
val startOfWeek: UndefOr[Double]
For datetime axes, this decides where to put the tick between weeks.
For datetime axes, this decides where to put the tick between weeks. 0 = Sunday, 1 = Monday.
Example:
1. Monday by default, Sunday
val startOnTick: UndefOr[Boolean]
Whether to force the axis to start on a tick.
Whether to force the axis to start on a tick. Use this option with the minPadding option to control the axis start.
Example:
1. False by default, true on X axis
Since
1.2.0
final def synchronized[T0](arg0: ⇒ T0): T0

Definition Classes
AnyRef
val tickAmount: UndefOr[Double]
The amount of ticks to draw on the axis.
The amount of ticks to draw on the axis. This opens up for aligning the ticks of multiple charts or panes within a chart. This option overrides the tickPixelInterval option.
This option only has an effect on linear axes. Datetime, logarithmic or category axes are not affected.
Example:
1. 8 ticks on Y axis
Since
4.1.0
val tickColor: UndefOr[|[String, Object]]
Color for the main tick marks.
Color for the main tick marks.
In styled mode, the stroke is given in the .highcharts-tick class.
Example:
1. Red ticks on X axis. Styled mode.
val tickInterval: UndefOr[Double]
The interval of the tick marks in axis units.
The interval of the tick marks in axis units. When null, the tick interval is computed to approximately follow the tickPixelInterval on linear and datetime axes. On categorized axes, a null tickInterval will default to 1, one category. Note that datetime axes are based on milliseconds, so for example an interval of one day is expressed as 24 * 3600 * 1000.
On logarithmic axes, the tickInterval is based on powers, so a tickInterval of 1 means one tick on each of 0.1, 1, 10, 100 etc. A tickInterval of 2 means a tick of 0.1, 10, 1000 etc. A tickInterval of 0.2 puts a tick on 0.1, 0.2, 0.4, 0.6, 0.8, 1, 2, 4, 6, 8, 10, 20, 40 etc.
If the tickInterval is too dense for labels to be drawn, Highcharts may remove ticks.
If the chart has multiple axes, the alignTicks option may interfere with the tickInterval setting.
Example:
1. Tick interval of 5 on a linear axis
val tickLength: UndefOr[Double]
The pixel length of the main tick marks.
The pixel length of the main tick marks.
Example:
1. 20 px tick length on the X axis
val tickPixelInterval: UndefOr[Double]
If tickInterval is null this option sets the approximate pixel interval of the tick marks.
If tickInterval is null this option sets the approximate pixel interval of the tick marks. Not applicable to categorized axis.
The tick interval is also influenced by the minTickInterval option, that, by default prevents ticks from being denser than the data points.
Defaults to 72 for the Y axis and 100 for the X axis.
Example:
1. 50 px on X axis
val tickPosition: UndefOr[String]
The position of the major tick marks relative to the axis line.
The position of the major tick marks relative to the axis line. Can be one of inside and outside.
Example:
1. "outside" by default, "inside" on X axis
val tickPositioner: UndefOr[Function]
A callback function returning array defining where the ticks are laid out on the axis.
A callback function returning array defining where the ticks are laid out on the axis. This overrides the default behaviour of tickPixelInterval and tickInterval. The automatic tick positions are accessible through this.tickPositions and can be modified by the callback.
Example:
1. Demo of tickPositions and tickPositioner
val tickPositions: UndefOr[Array[Double]]
An array defining where the ticks are laid out on the axis.
An array defining where the ticks are laid out on the axis. This overrides the default behaviour of tickPixelInterval and tickInterval.
Example:
1. Demo of tickPositions and tickPositioner
val tickWidth: UndefOr[Double]
The pixel width of the major tick marks.
The pixel width of the major tick marks.
In styled mode, the stroke width is given in the .highcharts-tick class.
Example:
1. 10 px width. Styled mode.
val tickmarkPlacement: UndefOr[String]
For categorized axes only.
For categorized axes only. If on the tick mark is placed in the center of the category, if between the tick mark is placed between categories. The default is between if the tickInterval is 1, else on.
Example:
1. "between" by default, "on"
val title: UndefOr[CleanJsObject[XAxisTitle]]
The axis title, showing next to the axis line.
def toLocaleString(): String

Definition Classes
Object
def toString(): String

Definition Classes
AnyRef → Any
val type: UndefOr[String]
The type of axis.
The type of axis. Can be one of linear, logarithmic, datetime or category. In a datetime axis, the numbers are given in milliseconds, and tick marks are placed on appropriate values like full hours or days. In a category axis, the point names of the chart's series are used for categories, if not a categories array is defined.
Example:
1. "linear", "datetime" with regular intervals, "datetime" with irregular intervals, "logarithmic", "logarithmic" with minor grid lines, "logarithmic" on two axes.

val units: UndefOr[Array[Any]]

Datetime axis only.

Datetime axis only. An array determining what time intervals the ticks are allowed to fall on. Each array item is an array where the first value is the time unit and the second value another array of allowed multiples. Defaults to:

units: [[
	'millisecond', // unit name
	[1, 2, 5, 10, 20, 25, 50, 100, 200, 500] // allowed multiples
], [
	'second',
	[1, 2, 5, 10, 15, 30]
], [
	'minute',
	[1, 2, 5, 10, 15, 30]
], [
	'hour',
	[1, 2, 3, 4, 6, 8, 12]
], [
	'day',
	[1]
], [
	'week',
	[1]
], [
	'month',
	[1, 3, 6]
], [
	'year',
	null
]]

def valueOf(): Any

Definition Classes
Object
val visible: UndefOr[Boolean]
Whether axis, including axis title, line, ticks and labels, should be visible.
Whether axis, including axis title, line, ticks and labels, should be visible.
Example:
1. Toggle axis visibility.
Since
4.1.9
final def wait(): Unit

Definition Classes
AnyRef
Annotations
@throws( ... )
final def wait(arg0: Long, arg1: Int): Unit

Definition Classes
AnyRef
Annotations
@throws( ... )
final def wait(arg0: Long): Unit

Definition Classes
AnyRef
Annotations
@throws( ... )

Packages

XAxis

Companion object XAxis

class XAxis extends Object

Instance Constructors

Value Members

Inherited from Object

Inherited from Any

Inherited from AnyRef

Inherited from Any

Ungrouped

Packages

XAxis 

Companion object XAxis

class XAxis extends Object

Instance Constructors

Value Members

Inherited from Object

Inherited from Any

Inherited from AnyRef

Inherited from Any

Ungrouped

XAxis