Angular RangeSelector - chart.valueAxis

Configures the chart value axis.

Type:

Object

A chart integrated in the RangeSelector differs from a stand-alone Chart widget in the axes. The argument axis of the integrated chart is replaced by the RangeSelector scale. The value axis loses its visual representation along with ticks, labels, grids and strips, retaining only those properties that shape it, such as type, min, max, etc.

View Demo

inverted

Indicates whether or not the chart's value axis must be inverted.

Type:

Boolean

Default Value: false

When inverted, the minimum value of the value axis is placed at the top and the values increase as you approach the bottom of the chart, so that the maximum value appears at the bottom. As a result, the chart series are inverted.

logarithmBase

Specifies the value to be raised to a power when generating ticks for a logarithmic value axis.

Type:

Number

Default Value: 10

Although, the value axis displaying series values is invisible in the RangeSelector, it is still divided by ticks. By default, the ticks on the value axis of a logarithmic type are generated on a base of 10, i.e., 0.1, 1, 10, 100, 1000, etc. But you can specify a base you require using the logarithmBase option. For example, if you set this option to 5, the following ticks will be generated: 0.5, 5, 25, 125, 625, etc.

NOTE
The value assigned to the logarithmBase option should be greater than 1.

In addition, you can use a logarithmic scale with a required logarithm base to display series arguments.

max

Specifies the maximum value of the chart's value axis.

Type:

Number

Default Value: undefined

The value axis is generated automatically based on the specified data source. However, you can change the maximum and minimum values of the axis to display the chart's series in a smaller value range. Set the min and max properties to do this. You can also expand the value axis by setting the chart's topIndent and bottomIndent properties.

min

Specifies the minimum value of the chart's value axis.

Type:

Number

Default Value: undefined

The value axis is generated automatically based on the specified data source. However, you can change the maximum and minimum values of the axis to display the chart's series in a smaller value range. Set the max and min properties to do this. You can also expand the value axis by setting the chart's topIndent and bottomIndent properties.

type

Specifies the type of the value axis.

Type:

String

Default Value: undefined
Accepted Values: 'continuous' | 'logarithmic'

The 'continuous' type is set when numeric or date-time values are specified in the series data source. The continuous axis is divided into intervals automatically.

The 'logarithmic' type can be set when numeric values are specified in the series data source. The logarithmic axis is useful when you visualize a dataset of rapidly-growing values. Each axis tick represents a particular value that is raised to the next power in turn. This particular value is specified by the logarithmBase option. For example, if you set this option to 5, the following ticks will be generated: 50, 51, 52, 53, etc.

In addition, you can use the scale of a logarithmic type to display series arguments.

When using the widget as an ASP.NET MVC Control, specify this option using the RangeSelectorChartAxisScaleType enum. This enum accepts the following values: Logarithmic and Continuous.

valueType

Specifies the desired type of axis values.

Type:

String

Default Value: undefined
Accepted Values: 'datetime' | 'numeric' | 'string'

The type of the axis values is determined based on the type of the values specified in the corresponding data source field of the chart series. If numeric values are specified in the series data source, the axis values will also be of the numeric type. The same logic is used when string or date-time values are specified in the data source.

In some scenarios, you may need the type of values specified in the data source to be converted to another type. In this instance, specify the desired type for the axis values using the valueType property.

NOTE
If dates in your data source are stored as strings, make sure that they have a valid format.

When using the widget as an ASP.NET MVC Control, specify this option using the ChartDataType enum. This enum accepts the following values: Numeric, DateTime and String.