Vue Chart - ValueAxis

Configures the value axis.

import { DxChartTypes } from "devextreme-vue/chart"

autoBreaksEnabled

Enables auto-calculated scale breaks. Applies only if the axis' type is "continuous" or "logarithmic" and valueType is "numeric".

Type:

Boolean

Default Value: false

axisDivisionFactor

Specifies the minimum distance between two neighboring major ticks in pixels. Applies only to the axes of the "continuous" and "logarithmic" types.

Type:

Number

Default Value: 40

breaks

Declares a custom scale break collection. Applies only if the axis' type is "continuous" or "logarithmic".

Type:

Array<Object>

Default Value: undefined
Cannot be used in themes.

categories

Specifies the order of categories on an axis of the "discrete" type.

Type:

Array<Number | String | Date>

Raised Events: onOptionChanged

constantLines

Declares a collection of constant lines belonging to the value axis.

Type:

Array<Object>

Cannot be used in themes.

constantLineStyle

Specifies the appearance of those constant lines that belong to the value axis.

Type:

Object

customPosition

Specifies the position of the value axis on the argument axis.

Type:

Number

|

Date

|

String

| undefined
Default Value: undefined

endOnTick

Specifies whether to force the axis to start and end on ticks.

Type:

Boolean

| undefined
Default Value: undefined

label

Configures the labels of the value axis.

Type:

Object

linearThreshold

Specifies a value used to calculate the range on a logarithmic axis within which the axis should be linear. Applies only if the data source contains negative values or zeroes.

Type:

Number

| undefined
Default Value: undefined

logarithmBase

Specifies the value to be raised to a power when generating ticks for an axis of the "logarithmic" type.

Type:

Number

Default Value: 10

maxAutoBreakCount

Sets a limit on auto-calculated scale breaks. Custom scale breaks are not counted.

Type:

Number

Default Value: 4

minorTickCount

Specifies how many minor ticks to place between two neighboring major ticks.

Type:

Number

| undefined
Default Value: undefined

minorTickInterval

Specifies the interval between minor ticks. Applies only to continuous axes.

minVisualRangeLength

Specifies the minimum length of the visual range.

Type:

Number

|

Object

|

TimeInterval

| undefined
Default Value: undefined
Cannot be used in themes.

multipleAxesSpacing

Adds a pixel-measured empty space between two side-by-side value axes. Applies if several value axes are located on one side of the chart.

Type:

Number

Default Value: 5

name

Specifies the name of the value axis.

Type:

String

| undefined
Default Value: undefined
Cannot be used in themes.

offset

Specifies the shift in pixels of the value axis.

Type:

Number

| undefined
Default Value: undefined

pane

Binds the value axis to a pane.

Type:

String

| undefined
Default Value: undefined

position

Relocates the value axis.

Type:

Position

Default Value: 'left'

showZero

Specifies whether or not to show zero on the value axis.

Type:

Boolean

| undefined
Default Value: undefined

strips

Declares a collection of strips belonging to the value axis.

Type:

Array<Object>

Cannot be used in themes.

synchronizedValue

Synchronizes two or more value axes with each other at a specific value.

Type:

Number

| undefined
Default Value: undefined

tickInterval

Specifies the interval between major ticks. Does not apply to discrete axes.

title

Configures the axis title.

Type:

String

|

Object

type

Specifies the type of the value axis.

Type:

AxisScaleType

| undefined
Default Value: undefined

valueType

Casts values to a specified data type.

Type:

ChartsDataType

| undefined
Default Value: undefined

visualRange

Defines the axis' displayed range. Cannot be wider than the wholeRange.

Type:

Object

|

Array<Number | String | Date>

Raised Events: onOptionChanged
Cannot be used in themes.

visualRangeUpdateMode

Specifies how the axis's visual range should behave when chart data is updated.

Default Value: 'auto'

wholeRange

Defines the range where the axis can be zoomed and panned.

Type:

Object

|

Array<Number | String | Date>

| undefined
Default Value: undefined