A boolean indicating whether or not to abbreviate large numbers.
Gets the effective value for the current Interval.
let effectiveInterval: number = yAxis.actualInterval;
Gets the effective value for the current Interval.
let effectiveInterval: number = yAxis.actualInterval;
Determines if the axis has a valid logarithmic scale.
let effectiveLogarithmic: boolean = this.yAxis.actualIsLogarithmic
Determines if the axis has a valid logarithmic scale.
let effectiveLogarithmic: boolean = this.yAxis.actualIsLogarithmic
Gets or sets the ActualMajorStroke property.
The actualMajorStroke
property is used for ActualMajorStroke of the axis.
Gets or sets the ActualMajorStroke property.
The actualMajorStroke
property is used for ActualMajorStroke of the axis.
Gets the effective maximum value for the current numeric axis object.
let effectiveMaxValue: number = yAxis.actualMaximumValue;
Gets the effective maximum value for the current numeric axis object.
let effectiveMaxValue: number = yAxis.actualMaximumValue;
Gets the effective minimum value for the current numeric axis object.
let effectiveMinValue: number = yAxis.actualMinimumValue;
Gets the effective minimum value for the current numeric axis object.
let effectiveMinValue: number = yAxis.actualMinimumValue;
Gets the effective value for the current MinorInterval.
let effectiveMinorInterval: number = yAxis.actualMinorInterval;
Gets the effective value for the current MinorInterval.
let effectiveMinorInterval: number = yAxis.actualMinorInterval;
Gets or sets the ActualMinorStroke property.
The actualMinorStroke
property is used for ActualMinorStroke of the axis.
Gets or sets the ActualMinorStroke property.
The actualMinorStroke
property is used for ActualMinorStroke of the axis.
Gets or sets the effective stroke used for the axis.
Gets or sets the effective stroke used for the axis.
Gets the effective visible maximum value for the current numeric axis object.
The actualVisibleMaximumValue
is used to get the current visible maximum value for the a numeric axis. Note, at times the actualVisibleMaximumValue
may differ from the actualMaximumValue
, for example when the chart is zoomed.
let effectiveVisibleMaxValue: number = yAxis.actualVisibleMaximumValue;
Gets the effective visible maximum value for the current numeric axis object.
The actualVisibleMaximumValue
is used to get the current visible maximum value for the a numeric axis. Note, at times the actualVisibleMaximumValue
may differ from the actualMaximumValue
, for example when the chart is zoomed.
let effectiveVisibleMaxValue: number = yAxis.actualVisibleMaximumValue;
Gets the effective minimum value for the current numeric axis object.
The actualVisibleMinimumValue
is used to get the current visible maximum value for the a numeric axis. Note, at times the actualVisibleMinimumValue
may differ from the actualMinimumValue
, for example when the chart is zoomed.
let effectiveVisibleMinValue: number = yAxis.actualVisibleMinimumValue;
Gets the effective minimum value for the current numeric axis object.
The actualVisibleMinimumValue
is used to get the current visible maximum value for the a numeric axis. Note, at times the actualVisibleMinimumValue
may differ from the actualMinimumValue
, for example when the chart is zoomed.
let effectiveVisibleMinValue: number = yAxis.actualVisibleMinimumValue;
Gets the current annotations for the axis.
Gets the current annotations for the axis.
Gets or sets the coercion methods to use when loading data from data sources. Should be specified before setting any member paths, if being used. Setting it later will not cause data to be re-imported into the chart.
The coercionMethods
methods is to use when loading data from data sources. Should be specified before setting any member paths, if being used.
Setting it later will not cause data to be reimported into the chart.
Gets or sets the coercion methods to use when loading data from data sources. Should be specified before setting any member paths, if being used. Setting it later will not cause data to be re-imported into the chart.
The coercionMethods
methods is to use when loading data from data sources. Should be specified before setting any member paths, if being used.
Setting it later will not cause data to be reimported into the chart.
Gets or sets the CrossingAxis property.
The crossingAxis
property is used for CrossingAxis of the axis.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
crossingAxis= "xAxis"
crossingValue= 700
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the CrossingAxis property.
The crossingAxis
property is used for CrossingAxis of the axis.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
crossingAxis= "xAxis"
crossingValue= 700
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the CrossingValue property.
The crossingValue
property is used for CrossingValue of the axis.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
crossingAxis= "xAxis"
crossingValue= 700
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the CrossingValue property.
The crossingValue
property is used for CrossingValue of the axis.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
crossingAxis= "xAxis"
crossingValue= 700
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the mininum desired characters to be displayed for horizontal axes when using advanced label heuristics. -1 will attempt to adjust the interval to precisely fit the horizontal labels.
The enhancedIntervalMinimumCharacters
property is used to set the mininum desired characters to be displayed for horizontal axes when using advanced label heuristics.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
enhancedIntervalMinimumCharacters=5
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the mininum desired characters to be displayed for horizontal axes when using advanced label heuristics. -1 will attempt to adjust the interval to precisely fit the horizontal labels.
The enhancedIntervalMinimumCharacters
property is used to set the mininum desired characters to be displayed for horizontal axes when using advanced label heuristics.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
enhancedIntervalMinimumCharacters=5
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets whether the series should expect that properties in its items source may be functions that need to be evaluated to yield their value. This defaults to false, as there will be a subtle performance impact to using this feature. This value must be set before assigning an item's source to take effect.
Gets or sets whether the series should expect that properties in its items source may be functions that need to be evaluated to yield their value. This defaults to false, as there will be a subtle performance impact to using this feature. This value must be set before assigning an item's source to take effect.
Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.
The formatLabel
function takes an object that produces a formatted label for displaying in the chart.
<igx-data-chart [dataSource]="data" >
<igx-category-x-axis
name="xAxis"
FormatLabel="xAxis_FormatLabel" />
</igx-data-chart>
Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.
The formatLabel
function takes an object that produces a formatted label for displaying in the chart.
<igx-data-chart [dataSource]="data" >
<igx-category-x-axis
name="xAxis"
FormatLabel="xAxis_FormatLabel" />
</igx-data-chart>
Determines if the axis has a user-defined maximum.
hasUserMinimum
is used to determine if a numeric axis has a user definied minium value.
let hasSetMinimum: boolean = this.yAxis.hasUserMinimum;
Determines if the axis has a user-defined minimum.
hasUserMaximum
is used to determine if a numeric axis has a user definied maximum value.
let hasSetMaximum: boolean = this.yAxis.hasUserMaximum;
Defines the percentage of the maximum radius extent to leave blank at the center of the chart. Should be a value between 0.0 and 1.0.
Defines the percentage of the maximum radius extent to leave blank at the center of the chart. Should be a value between 0.0 and 1.0.
Gets or sets the Interval property.
The interval
is used to get or set the numeric axis major interval which specifies how frequent major gridlines and axis labels are rendered on an axis.
this.yAxis.interval = 20;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis
>
</igx-category-x-axis>
<igx-numeric-y-axis
interval="20"
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-column-series>
</igx-data-chart>
Gets or sets the Interval property.
The interval
is used to get or set the numeric axis major interval which specifies how frequent major gridlines and axis labels are rendered on an axis.
this.yAxis.interval = 20;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis
>
</igx-category-x-axis>
<igx-numeric-y-axis
interval="20"
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-column-series>
</igx-data-chart>
Gets if the current axis is of angular axis type
Gets or sets if the current axis is of category axis type
Gets if the current axis is of category date time axis type
Gets if the current axis is a continuous rather than a discrete scale
Gets or sets if the current axis is of date time axis type
Gets or sets the IsDisabled property. If true, the axis will not be rendered.
The isDisabled
property is used to decide if the axis will not be rendered.
Gets or sets the IsDisabled property. If true, the axis will not be rendered.
The isDisabled
property is used to decide if the axis will not be rendered.
Gets or sets the IsInverted property.
Gets or sets the isInverted
property.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
isInverted= true
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the IsInverted property.
Gets or sets the isInverted
property.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
isInverted= true
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the IsLogarithmic property.
isLogarithmic
is used to get or set whether the numeric axis scaler is in linear or logarithmic mode. For logarithmic scaling, this can be used in conjunction with logarithmBase
to further define the logarithmic scale.
this.yAxis.isLogarithmic= true;
this.yAxis.logarithmBase = 2;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
isLogarithmic=true
logarithmBase=2
#yAxis>
</igx-numeric-y-axis>
<igx-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-line-series>
</igx-data-chart>
Gets or sets the IsLogarithmic property.
isLogarithmic
is used to get or set whether the numeric axis scaler is in linear or logarithmic mode. For logarithmic scaling, this can be used in conjunction with logarithmBase
to further define the logarithmic scale.
this.yAxis.isLogarithmic= true;
this.yAxis.logarithmBase = 2;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
isLogarithmic=true
logarithmBase=2
#yAxis>
</igx-numeric-y-axis>
<igx-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-line-series>
</igx-data-chart>
Gets or sets if the current axis is of numeric axis type
Checks if the axis is of radial axis type
Gets or sets if the current axis is sorting data items
Gets if the current axis is a vertical axis.
Gets or sets the axis label format string.
The label
property is used for label mapping of the axis labels.
Gets or sets the axis label format string.
The label
property is used for label mapping of the axis labels.
Gets or sets the angle of the {0}.
The Angle
property is used to set the angle of the axis.
Gets or sets the angle of the {0}.
The Angle
property is used to set the angle of the axis.
Margin applied below the {0}.
The labelBottomMargin
is used for the bottom margin of the labels.
Margin applied below the {0}.
The labelBottomMargin
is used for the bottom margin of the labels.
Distance between the axis and the edge of the control.
The Extent
property is used for the extent.
Distance between the axis and the edge of the control.
The Extent
property is used for the extent.
Gets or sets the horizontal alignment of the {0}.
The HorizontalAlignment
property is used for the horizontal alignment.
Gets or sets the horizontal alignment of the {0}.
The HorizontalAlignment
property is used for the horizontal alignment.
Margin applied to the left of the {0}.
The labelLeftMargin
property is used for the left margin of the labels.
Margin applied to the left of the {0}.
The labelLeftMargin
property is used for the left margin of the labels.
Gets or sets the location of the {0}.
The Location
property is used for the location.
Gets or sets the location of the {0}.
The Location
property is used for the location.
Margin applied to the right of the {0}.
The labelRightMargin
property is used for the right margin of the labels.
Margin applied to the right of the {0}.
The labelRightMargin
property is used for the right margin of the labels.
Gets or sets whether the first label is displayed when the zoom level is set to 1.
The ShowFirstLabel
is used to check whether the first label is displayed when the zoom level is set to 1.
Gets or sets whether the first label is displayed when the zoom level is set to 1.
The ShowFirstLabel
is used to check whether the first label is displayed when the zoom level is set to 1.
The color of the {0}.
The labelTextColor
property Overrides the color of the text used for the axis labels.
The color of the {0}.
The labelTextColor
property Overrides the color of the text used for the axis labels.
Gets or sets the text style to use for axis labels.
The labelTextStyle
property Overrides the style of the text used for the axis labels.
Gets or sets the text style to use for axis labels.
The labelTextStyle
property Overrides the style of the text used for the axis labels.
Margin applied above the {0}.
The labelTopMargin
property is used for the top margin of the labels.
Margin applied above the {0}.
The labelTopMargin
property is used for the top margin of the labels.
Gets or sets the vertical alignment of the {0}.
The VerticalAlignment
property is used for the vertical alignment of the axis.
Gets or sets the vertical alignment of the {0}.
The VerticalAlignment
property is used for the vertical alignment of the axis.
Gets or sets the visibility of the {0}.
The Visibility
property is used for the visibility of the axis.
Gets or sets the visibility of the {0}.
The Visibility
property is used for the visibility of the axis.
Gets or sets the LogarithmBase property.
logarithmBase
is used to get or set logarithm base when a numeric axis is in Logarithmic scale mode. For logarithmic scaling, this is used in conjunction with isLogarithmic
or ScaleMode
to set logarithmic scaling.
this.yAxis.scaleMode = NumericScaleMode.Logarithmic;
this.yAxis.logarithmBase = 2;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
scaleMode="Logarithmic"
logarithmBase=2
#yAxis>
</igx-numeric-y-axis>
<igx-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-line-series>
</igx-data-chart>
Gets or sets the LogarithmBase property.
logarithmBase
is used to get or set logarithm base when a numeric axis is in Logarithmic scale mode. For logarithmic scaling, this is used in conjunction with isLogarithmic
or ScaleMode
to set logarithmic scaling.
this.yAxis.scaleMode = NumericScaleMode.Logarithmic;
this.yAxis.logarithmBase = 2;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
scaleMode="Logarithmic"
logarithmBase=2
#yAxis>
</igx-numeric-y-axis>
<igx-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-line-series>
</igx-data-chart>
Gets or sets the MajorStroke property. Null is treated as auto. Major lines will be displayed or not based on the axis type and series used with it.
Gets or sets the majorStroke
using this property.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
majorStroke="black"
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the MajorStroke property. Null is treated as auto. Major lines will be displayed or not based on the axis type and series used with it.
Gets or sets the majorStroke
using this property.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
majorStroke="black"
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the MajorStrokeThickness property.
Gets or sets the majorStrokeThickness
using this property.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
majorStrokeThickness="1"
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the MajorStrokeThickness property.
Gets or sets the majorStrokeThickness
using this property.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
majorStrokeThickness="1"
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the MaximumValue property.
Used to set the maximum value of a numeric axis. To get the maximum value in effect on a numeric axis use actualMaximumValue
.
this.yAxis.maximumValue = 80;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
maximumValue=80
#yAxis>
</igx-numeric-y-axis>
<igx-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-line-series>
</igx-data-chart>
Gets or sets the MaximumValue property.
Used to set the maximum value of a numeric axis. To get the maximum value in effect on a numeric axis use actualMaximumValue
.
this.yAxis.maximumValue = 80;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
maximumValue=80
#yAxis>
</igx-numeric-y-axis>
<igx-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-line-series>
</igx-data-chart>
Gets or sets the MinimumValue property.
Used to set the minimum value of a numeric axis. To get the minimum value in effect on a numeric axis use actualMinimumValue
.
this.yAxis.minimumValue = 0;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
minimumValue=0
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-column-series>
</igx-data-chart>
Gets or sets the MinimumValue property.
Used to set the minimum value of a numeric axis. To get the minimum value in effect on a numeric axis use actualMinimumValue
.
this.yAxis.minimumValue = 0;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
minimumValue=0
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-column-series>
</igx-data-chart>
Gets or sets the MinorInterval property.
The minorInterval
is used to get or set the numeric axis minor interval which specifies how frequent minor gridlines are rendered on an axis. Please note, in order for minor gridlines to be displayed the following may also need to be set: MinorStroke
, MinorStrokeThickness
.
this.yAxis.minorInterval = 2.5;
this.yAxis.minorStroke = 'blue';
this.yAxis.minorStrokeThickness = 1;
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
minorInterval= 2.5
minorStroke="blue"
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-column-series>
</igx-data-chart>
Gets or sets the MinorInterval property.
The minorInterval
is used to get or set the numeric axis minor interval which specifies how frequent minor gridlines are rendered on an axis. Please note, in order for minor gridlines to be displayed the following may also need to be set: MinorStroke
, MinorStrokeThickness
.
this.yAxis.minorInterval = 2.5;
this.yAxis.minorStroke = 'blue';
this.yAxis.minorStrokeThickness = 1;
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
minorInterval= 2.5
minorStroke="blue"
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-column-series>
</igx-data-chart>
Gets or sets the MinorStroke property.
Gets or sets the minorStroke thickness using minorStrokeThickness
property.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
minorStrokeThickness="1"
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the MinorStroke property.
Gets or sets the minorStroke thickness using minorStrokeThickness
property.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
minorStrokeThickness="1"
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the MinorStrokeThickness property.
Gets or sets the MinorStrokeThickness property.
Defines the percentage of the maximum radius extent to use as the maximum radius. Should be a value between 0.0 and 1.0.
Defines the percentage of the maximum radius extent to use as the maximum radius. Should be a value between 0.0 and 1.0.
Occurs when the axis range changes.
Gets or sets the ReferenceValue property.
Used to get or set a reference value on a numeric axis which when used with an area, bar, or column series will result in the series shapes being drawn above or below the specified value.
this.yAxis.referenceValue = 30;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
referenceValue=30
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-column-series>
</igx-data-chart>
Gets or sets the ReferenceValue property.
Used to get or set a reference value on a numeric axis which when used with an area, bar, or column series will result in the series shapes being drawn above or below the specified value.
this.yAxis.referenceValue = 30;
<igx-data-chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
referenceValue=30
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-column-series>
</igx-data-chart>
This event is raised every time a render has been requested from a series.
Gets or sets the Strip property.
Use strip
property to set the strip of the chart.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
strip= "grey"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the Strip property.
Use strip
property to set the strip of the chart.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
strip= "grey"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the Stroke property. Null is treated as auto. The axis stroke will be displayed or not based on the axis type and series used with it.
Use stroke
property to set the stroke of the chart.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
stroke="blue"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the Stroke property. Null is treated as auto. The axis stroke will be displayed or not based on the axis type and series used with it.
Use stroke
property to set the stroke of the chart.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
stroke="blue"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the StrokeThickness property.
Use strokeThickness
property for the thickness of the stroke.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
strokeThickness= 5
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the StrokeThickness property.
Use strokeThickness
property for the thickness of the stroke.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
strokeThickness= 5
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the TickLength property.
Use tickLength
property for The length of the tickmarks to display for this axis.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
tickLength="5"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the TickLength property.
Use tickLength
property for The length of the tickmarks to display for this axis.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
tickLength="5"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the TickStroke property.
Use tickStroke
property for the color of the tickmarks.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
tickStroke="black"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the TickStroke property.
Use tickStroke
property for the color of the tickmarks.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
tickStroke="black"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the TickStrokeThickness property.
Use tickStrokeThickness
property for thickness of the stroke tickmarks.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
tickStrokeThicknes="2"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the TickStrokeThickness property.
Use tickStrokeThickness
property for thickness of the stroke tickmarks.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
tickStrokeThicknes="2"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the Title property.
Use title
property to display the title of the component.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the Title property.
Use title
property to display the title of the component.
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
</igx-data-chart>
Gets or sets the angle of the {0}.
The Angle
property is used to set the angle of the axis.
Gets or sets the angle of the {0}.
The Angle
property is used to set the angle of the axis.
Margin applied below the {0}.
The labelBottomMargin
is used for the bottom margin of the labels.
Margin applied below the {0}.
The labelBottomMargin
is used for the bottom margin of the labels.
Distance between the axis and the edge of the control.
The Extent
property is used for the extent.
Distance between the axis and the edge of the control.
The Extent
property is used for the extent.
Gets or sets the horizontal alignment of the {0}.
The HorizontalAlignment
property is used for the horizontal alignment.
Gets or sets the horizontal alignment of the {0}.
The HorizontalAlignment
property is used for the horizontal alignment.
Margin applied to the left of the {0}.
The labelLeftMargin
property is used for the left margin of the labels.
Margin applied to the left of the {0}.
The labelLeftMargin
property is used for the left margin of the labels.
Gets or sets the location of the {0}.
The Location
property is used for the location.
Gets or sets the location of the {0}.
The Location
property is used for the location.
Gets or sets the title position relative to the axis labels.
Gets or sets the title position relative to the axis labels.
Margin applied to the right of the {0}.
The labelRightMargin
property is used for the right margin of the labels.
Margin applied to the right of the {0}.
The labelRightMargin
property is used for the right margin of the labels.
Gets or sets whether the first label is displayed when the zoom level is set to 1.
The ShowFirstLabel
is used to check whether the first label is displayed when the zoom level is set to 1.
Gets or sets whether the first label is displayed when the zoom level is set to 1.
The ShowFirstLabel
is used to check whether the first label is displayed when the zoom level is set to 1.
The color of the {0}.
The labelTextColor
property Overrides the color of the text used for the axis labels.
The color of the {0}.
The labelTextColor
property Overrides the color of the text used for the axis labels.
Gets or sets the text style to use for axis labels.
The labelTextStyle
property Overrides the style of the text used for the axis labels.
Gets or sets the text style to use for axis labels.
The labelTextStyle
property Overrides the style of the text used for the axis labels.
Margin applied above the {0}.
The labelTopMargin
property is used for the top margin of the labels.
Margin applied above the {0}.
The labelTopMargin
property is used for the top margin of the labels.
Gets or sets the vertical alignment of the {0}.
The VerticalAlignment
property is used for the vertical alignment of the axis.
Gets or sets the vertical alignment of the {0}.
The VerticalAlignment
property is used for the vertical alignment of the axis.
Gets or sets the visibility of the {0}.
The Visibility
property is used for the visibility of the axis.
Gets or sets the visibility of the {0}.
The Visibility
property is used for the visibility of the axis.
Gets or sets whether to use more advanced heuristics when determining the initial number of labels to render, before resolving collisions, etc.
Use useEnhancedIntervalManagement
property to gets/sets whether to use more advanced heuristics when determining the initial number of labels to render,
before resolving collisions, etc.
Gets or sets whether to use more advanced heuristics when determining the initial number of labels to render, before resolving collisions, etc.
Use useEnhancedIntervalManagement
property to gets/sets whether to use more advanced heuristics when determining the initial number of labels to render,
before resolving collisions, etc.
Returns a world coordinates radius length (0 - 0.5) from a raw axis value.
Returns a raw axis value from the world coordinates radius length provided.
Gets the label for a data item.
Renders the axis with no animation.
If using enhanced interval management and precise interval fitting, this will reset the cached maximum label width, and recalculate using the current labels.
Scales a value from axis space into screen space.
Unscales a value from screen space into axis space.
Unscales a value from screen space into axis space.
let dataValue: number = this.yAxis.unscaleValue(pixel);
A boolean indicating whether or not to abbreviate large numbers.