Class IgrNumericXAxis<SS>

Represents a IgxDataChartComponent numeric X axis.

The IgrNumericXAxis treats the data as continuously varying numerical data items. Labels on this axis are placed along the X-axis. The location of labels varies according to the value in a data column that is mapped using the XMemberPath property of Scatter Series or ValueMemberPath property of Bar Series.

 <IgrDataChart
    dataSource={this.state.dataSource} >

    <IgrNumericXAxis name="xAxis" />
    <IgrNumericYAxis name="yAxis"
         crossingAxis= "xAxis"
        crossingValue= {700}/>
 </IgrDataChart>
this.series = new IgrColumnSeries({ name: "series1" });
this.series.dataSource = this.data;
this.series.xAxis = this.numericXAxis;
this.series.yAxis = this.numericYAxis;
this.series.xAxisName = "xAxis";
this.series.yAxisName = "yAxis";

Type parameters

  • SS

Hierarchy

Constructors

Accessors

Methods

Constructors

constructor

Accessors

abbreviateLargeNumbers

  • get abbreviateLargeNumbers(): boolean
  • set abbreviateLargeNumbers(v: boolean): void
  • A boolean indicating whether or not to abbreviate large numbers.

    Returns boolean

  • A boolean indicating whether or not to abbreviate large numbers.

    Parameters

    • v: boolean

    Returns void

actualInterval

  • get actualInterval(): number
  • set actualInterval(v: number): void
  • Gets the effective value for the current Interval.

    let effectiveInterval: number = yAxis.actualInterval;

    Returns number

  • Gets the effective value for the current Interval.

    let effectiveInterval: number = yAxis.actualInterval;

    Parameters

    • v: number

    Returns void

actualIsLogarithmic

  • get actualIsLogarithmic(): boolean
  • set actualIsLogarithmic(v: boolean): void
  • Determines if the axis has a valid logarithmic scale.

    let effectiveLogarithmic: boolean = this.yAxis.actualIsLogarithmic

    Returns boolean

  • Determines if the axis has a valid logarithmic scale.

    let effectiveLogarithmic: boolean = this.yAxis.actualIsLogarithmic

    Parameters

    • v: boolean

    Returns void

actualMajorStroke

  • get actualMajorStroke(): string
  • set actualMajorStroke(v: string): void
  • Gets or sets the ActualMajorStroke property.

    The actualMajorStroke property is used for ActualMajorStroke of the axis.

    Returns string

  • Gets or sets the ActualMajorStroke property.

    The actualMajorStroke property is used for ActualMajorStroke of the axis.

    Parameters

    • v: string

    Returns void

actualMaximumValue

  • get actualMaximumValue(): number
  • set actualMaximumValue(v: number): void
  • Gets the effective maximum value for the current numeric axis object.

    let effectiveMaxValue: number = yAxis.actualMaximumValue;

    Returns number

  • Gets the effective maximum value for the current numeric axis object.

    let effectiveMaxValue: number = yAxis.actualMaximumValue;

    Parameters

    • v: number

    Returns void

actualMinimumValue

  • get actualMinimumValue(): number
  • set actualMinimumValue(v: number): void
  • Gets the effective minimum value for the current numeric axis object.

    let effectiveMinValue: number = yAxis.actualMinimumValue;

    Returns number

  • Gets the effective minimum value for the current numeric axis object.

    let effectiveMinValue: number = yAxis.actualMinimumValue;

    Parameters

    • v: number

    Returns void

actualMinorInterval

  • get actualMinorInterval(): number
  • set actualMinorInterval(v: number): void
  • Gets the effective value for the current MinorInterval.

    let effectiveMinorInterval: number = yAxis.actualMinorInterval;

    Returns number

  • Gets the effective value for the current MinorInterval.

    let effectiveMinorInterval: number = yAxis.actualMinorInterval;

    Parameters

    • v: number

    Returns void

actualMinorStroke

  • get actualMinorStroke(): string
  • set actualMinorStroke(v: string): void
  • Gets or sets the ActualMinorStroke property.

    The actualMinorStroke property is used for ActualMinorStroke of the axis.

    Returns string

  • Gets or sets the ActualMinorStroke property.

    The actualMinorStroke property is used for ActualMinorStroke of the axis.

    Parameters

    • v: string

    Returns void

actualStroke

  • get actualStroke(): string
  • set actualStroke(v: string): void
  • Gets or sets the effective stroke used for the axis.

    Returns string

  • Gets or sets the effective stroke used for the axis.

    Parameters

    • v: string

    Returns void

actualVisibleMaximumValue

  • get actualVisibleMaximumValue(): number
  • set actualVisibleMaximumValue(v: number): void
  • 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;

    Returns number

  • 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;

    Parameters

    • v: number

    Returns void

actualVisibleMinimumValue

  • get actualVisibleMinimumValue(): number
  • set actualVisibleMinimumValue(v: number): void
  • 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;

    Returns number

  • 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;

    Parameters

    • v: number

    Returns void

annotations

axisInternal

  • get axisInternal(): Axis
  • Returns Axis

coercionMethods

  • get coercionMethods(): any
  • set coercionMethods(v: any): void
  • 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.

    Returns any

  • 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.

    Parameters

    • v: any

    Returns void

crossingAxis

  • Gets or sets the CrossingAxis property.

    The crossingAxis property is used for CrossingAxis .

     <IgrDataChart
        dataSource={this.state.dataSource} >
    
        <IgrNumericXAxis name="xAxis" />
        <IgrNumericYAxis name="yAxis"
             crossingAxisName= "xAxis"
            crossingValue= {700}/>
     </IgrDataChart>

    Returns IgrAxis

  • Gets or sets the CrossingAxis property.

    The crossingAxis property is used for CrossingAxis .

     <IgrDataChart
        dataSource={this.state.dataSource} >
    
        <IgrNumericXAxis name="xAxis" />
        <IgrNumericYAxis name="yAxis"
             crossingAxisName= "xAxis"
            crossingValue= {700}/>
     </IgrDataChart>

    Parameters

    Returns void

crossingAxisName

  • get crossingAxisName(): string
  • set crossingAxisName(value: string): void

crossingValue

  • get crossingValue(): any
  • set crossingValue(v: any): void
  • Gets or sets the CrossingValue property.

    The crossingValue property is used for CrossingValue of the axis.

     <IgrDataChart
        dataSource={this.state.dataSource} >
    
        <IgrNumericXAxis name="xAxis" />
        <IgrNumericYAxis name="yAxis"
             crossingAxis= "xAxis"
            crossingValue= {700}/>
     </IgrDataChart>

    Returns any

  • Gets or sets the CrossingValue property.

    The crossingValue property is used for CrossingValue of the axis.

     <IgrDataChart
        dataSource={this.state.dataSource} >
    
        <IgrNumericXAxis name="xAxis" />
        <IgrNumericYAxis name="yAxis"
             crossingAxis= "xAxis"
            crossingValue= {700}/>
     </IgrDataChart>

    Parameters

    • v: any

    Returns void

enhancedIntervalMinimumCharacters

  • get enhancedIntervalMinimumCharacters(): number
  • set enhancedIntervalMinimumCharacters(v: number): void
  • 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.

    Returns number

  • 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.

    Parameters

    • v: number

    Returns void

expectFunctions

  • get expectFunctions(): boolean
  • set expectFunctions(v: boolean): void
  • 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.

    Returns boolean

  • 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.

    Parameters

    • v: boolean

    Returns void

formatLabel

  • get formatLabel(): function
  • set formatLabel(v: function): void
  • 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.

    <IgrDataChart dataSource={this.data}   >
        <IgrCategoryXAxis
            name="xAxis"
            FormatLabel="xAxis_FormatLabel" />
    </IgrDataChart>

    Returns function

      • (item: any): string
      • Parameters

        • item: any

        Returns string

  • 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.

    <IgrDataChart dataSource={this.data}   >
        <IgrCategoryXAxis
            name="xAxis"
            FormatLabel="xAxis_FormatLabel" />
    </IgrDataChart>

    Parameters

    • v: function
        • (item: any): string
        • Parameters

          • item: any

          Returns string

    Returns void

hasUserMaximum

  • get hasUserMaximum(): boolean
  • 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;

    Returns boolean

hasUserMinimum

  • get hasUserMinimum(): boolean
  • 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;

    Returns boolean

interval

  • get interval(): number
  • set interval(v: number): void
  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        minimumValue={-900}
        labelLocation="OutsideLeft"
        maximumValue={900}
        interval={300} />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Returns number

  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        minimumValue={-900}
        labelLocation="OutsideLeft"
        maximumValue={900}
        interval={300} />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Parameters

    • v: number

    Returns void

isAngular

  • get isAngular(): boolean
  • Gets if the current axis is of angular axis type

    Returns boolean

isCategory

  • get isCategory(): boolean
  • Gets or sets if the current axis is of category axis type

    Returns boolean

isCategoryDateTime

  • get isCategoryDateTime(): boolean
  • Gets if the current axis is of category date time axis type

    Returns boolean

isContinuous

  • get isContinuous(): boolean
  • Gets if the current axis is a continuous rather than a discrete scale

    Returns boolean

isDateTime

  • get isDateTime(): boolean
  • Gets or sets if the current axis is of date time axis type

    Returns boolean

isDisabled

  • get isDisabled(): boolean
  • set isDisabled(v: boolean): void
  • 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.

    Returns boolean

  • 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.

    Parameters

    • v: boolean

    Returns void

isInverted

  • get isInverted(): boolean
  • set isInverted(v: boolean): void
  • Gets or sets the IsInverted property.

    Gets or sets the isInverted property.

    Returns boolean

  • Gets or sets the IsInverted property.

    Gets or sets the isInverted property.

    Parameters

    • v: boolean

    Returns void

isLogarithmic

  • get isLogarithmic(): boolean
  • set isLogarithmic(v: boolean): void
  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        IsLogarithmic="True"
        LogarithmBase={2}/>
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Returns boolean

  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        IsLogarithmic="True"
        LogarithmBase={2}/>
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Parameters

    • v: boolean

    Returns void

isNumeric

  • get isNumeric(): boolean

isPiecewise

  • get isPiecewise(): boolean
  • Gets or sets if the axis is a piecewise scaling function.

    Returns boolean

isRadial

  • get isRadial(): boolean
  • Gets or sets if the current axis is of radial axis type

    Returns boolean

isSorting

  • get isSorting(): boolean
  • Gets or sets if the current axis is sorting data items

    Returns boolean

isVertical

  • get isVertical(): boolean
  • Gets if the current axis is a vertical axis.

    Returns boolean

label

  • get label(): any
  • set label(v: any): void
  • Gets or sets the axis label format string.

    The label property is used for label mapping of the axis labels.

    <IgrCategoryXAxis name="xAxis"
        label="Country"
        labelTextStyle="9pt Verdana"
        labelTopMargin={5}
        labelTextColor="gray" />

    Returns any

  • Gets or sets the axis label format string.

    The label property is used for label mapping of the axis labels.

    <IgrCategoryXAxis name="xAxis"
        label="Country"
        labelTextStyle="9pt Verdana"
        labelTopMargin={5}
        labelTextColor="gray" />

    Parameters

    • v: any

    Returns void

labelAngle

  • get labelAngle(): number
  • set labelAngle(v: number): void
  • Gets or sets the angle of the {0}.

    The Angle property is used to set the angle of the axis.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            titleAngle={90} />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Returns number

  • Gets or sets the angle of the {0}.

    The Angle property is used to set the angle of the axis.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            titleAngle={90} />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Parameters

    • v: number

    Returns void

labelBottomMargin

  • get labelBottomMargin(): number
  • set labelBottomMargin(v: number): void
  • Margin applied below the {0}.

    The labelBottomMargin is used to set the bottom margin of the labels.

    Returns number

  • Margin applied below the {0}.

    The labelBottomMargin is used to set the bottom margin of the labels.

    Parameters

    • v: number

    Returns void

labelExtent

  • get labelExtent(): number
  • set labelExtent(v: number): void
  • Distance between the axis and the edge of the control.

    The Extent property is used for the extent.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"/>
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>

    Returns number

  • Distance between the axis and the edge of the control.

    The Extent property is used for the extent.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"/>
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>

    Parameters

    • v: number

    Returns void

labelHorizontalAlignment

  • get labelHorizontalAlignment(): HorizontalAlignment
  • set labelHorizontalAlignment(v: HorizontalAlignment): void
  • Gets or sets the horizontal alignment of the {0}.

    The HorizontalAlignment property is used for the horizontal alignment.

    Returns HorizontalAlignment

  • Gets or sets the horizontal alignment of the {0}.

    The HorizontalAlignment property is used for the horizontal alignment.

    Parameters

    • v: HorizontalAlignment

    Returns void

labelLeftMargin

  • get labelLeftMargin(): number
  • set labelLeftMargin(v: number): void
  • Margin applied to the left of the {0}.

    The labelLeftMargin property is used for the left margin of the labels.

    Returns number

  • Margin applied to the left of the {0}.

    The labelLeftMargin property is used for the left margin of the labels.

    Parameters

    • v: number

    Returns void

labelLocation

  • Gets or sets the location of the {0}.

    The Location property is used for the location.

    Returns AxisLabelsLocation

  • Gets or sets the location of the {0}.

    The Location property is used for the location.

    Parameters

    Returns void

labelRightMargin

  • get labelRightMargin(): number
  • set labelRightMargin(v: number): void
  • Margin applied to the right of the {0}.

    The labelRightMargin property is used for the right margin of the labels.

    Returns number

  • Margin applied to the right of the {0}.

    The labelRightMargin property is used for the right margin of the labels.

    Parameters

    • v: number

    Returns void

labelShowFirstLabel

  • get labelShowFirstLabel(): boolean
  • set labelShowFirstLabel(v: boolean): void
  • 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.

    Returns boolean

  • 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.

    Parameters

    • v: boolean

    Returns void

labelTextColor

  • get labelTextColor(): string
  • set labelTextColor(v: string): void
  • The color of the {0}.

    The labelTextColor property Overrides the color of the text used for the axis labels.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            labelTextColor="gray"  />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Returns string

  • The color of the {0}.

    The labelTextColor property Overrides the color of the text used for the axis labels.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            labelTextColor="gray"  />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Parameters

    • v: string

    Returns void

labelTextStyle

  • get labelTextStyle(): string
  • set labelTextStyle(v: string): void
  • 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.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            titleTextStyle="12pt Verdana" />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Returns string

  • 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.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            titleTextStyle="12pt Verdana" />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Parameters

    • v: string

    Returns void

labelTopMargin

  • get labelTopMargin(): number
  • set labelTopMargin(v: number): void
  • Margin applied above the {0}.

    The labelTopMargin property is used for the top margin of the labels.

    <IgrCategoryXAxis name="xAxis"
        label="Country"
        labelTextStyle="9pt Verdana"
        labelTopMargin={5}
        labelTextColor="gray" />

    Returns number

  • Margin applied above the {0}.

    The labelTopMargin property is used for the top margin of the labels.

    <IgrCategoryXAxis name="xAxis"
        label="Country"
        labelTextStyle="9pt Verdana"
        labelTopMargin={5}
        labelTextColor="gray" />

    Parameters

    • v: number

    Returns void

labelVerticalAlignment

  • get labelVerticalAlignment(): VerticalAlignment
  • set labelVerticalAlignment(v: VerticalAlignment): void
  • Gets or sets the vertical alignment of the {0}.

    The VerticalAlignment property is used for the vertical alignment of the axis.

    Returns VerticalAlignment

  • Gets or sets the vertical alignment of the {0}.

    The VerticalAlignment property is used for the vertical alignment of the axis.

    Parameters

    • v: VerticalAlignment

    Returns void

labelVisibility

  • get labelVisibility(): Visibility
  • set labelVisibility(v: Visibility): void
  • Gets or sets the visibility of the {0}.

    The Visibility property is used for the visibility of the axis.

    Returns Visibility

  • Gets or sets the visibility of the {0}.

    The Visibility property is used for the visibility of the axis.

    Parameters

    • v: Visibility

    Returns void

logarithmBase

  • get logarithmBase(): number
  • set logarithmBase(v: number): void
  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        ScaleMode="Logarithmic"
        LogarithmBase={2}/>
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Returns number

  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        ScaleMode="Logarithmic"
        LogarithmBase={2}/>
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Parameters

    • v: number

    Returns void

majorStroke

  • get majorStroke(): string
  • set majorStroke(v: string): void
  • 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.

    <IgrNumericYAxis name="yAxis"
        interval={100}
        majorStroke="black"
        majorStrokeThickness={1}
        minorInterval={25}
        minorStroke="gray"
        minorStrokeThickness={0.5} />

    Returns string

  • 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.

    <IgrNumericYAxis name="yAxis"
        interval={100}
        majorStroke="black"
        majorStrokeThickness={1}
        minorInterval={25}
        minorStroke="gray"
        minorStrokeThickness={0.5} />

    Parameters

    • v: string

    Returns void

majorStrokeThickness

  • get majorStrokeThickness(): number
  • set majorStrokeThickness(v: number): void
  • Gets or sets the MajorStrokeThickness property.

    Gets or sets the majorStrokeThickness using this property.

    <IgrNumericYAxis name="yAxis"
        interval={100}
        majorStroke="black"
        majorStrokeThickness={1}
        minorInterval={25}
        minorStroke="gray"
        minorStrokeThickness={0.5} />

    Returns number

  • Gets or sets the MajorStrokeThickness property.

    Gets or sets the majorStrokeThickness using this property.

    <IgrNumericYAxis name="yAxis"
        interval={100}
        majorStroke="black"
        majorStrokeThickness={1}
        minorInterval={25}
        minorStroke="gray"
        minorStrokeThickness={0.5} />

    Parameters

    • v: number

    Returns void

maximumValue

  • get maximumValue(): number
  • set maximumValue(v: number): void
  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        minimumValue={-900}
        labelLocation="OutsideLeft"
        interval={300} />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Returns number

  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        minimumValue={-900}
        labelLocation="OutsideLeft"
        interval={300} />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Parameters

    • v: number

    Returns void

minimumValue

  • get minimumValue(): number
  • set minimumValue(v: number): void
  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        minimumValue={-900}
        labelLocation="OutsideLeft"
        maximumValue={900}
        interval={300} />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Returns number

  • 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;
    <IgrDataChart >
    
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        minimumValue={-900}
        labelLocation="OutsideLeft"
        maximumValue={900}
        interval={300} />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Parameters

    • v: number

    Returns void

minorInterval

  • get minorInterval(): number
  • set minorInterval(v: number): void
  • 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;
    <IgrDataChart >
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        minimumValue={-900}
        minorInterval= 2.5
        minorStroke="blue" />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Returns number

  • 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;
    <IgrDataChart >
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        minimumValue={-900}
        minorInterval= 2.5
        minorStroke="blue" />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Parameters

    • v: number

    Returns void

minorStroke

  • get minorStroke(): string
  • set minorStroke(v: string): void
  • Gets or sets the MinorStroke property.

    Gets or sets the minorStroke thickness using minorStrokeThickness property.

    <IgrNumericYAxis name="yAxis"
        interval={100}
        majorStroke="black"
        majorStrokeThickness={1}
        minorInterval={25}
        minorStroke="gray"
        minorStrokeThickness={0.5} />

    Returns string

  • Gets or sets the MinorStroke property.

    Gets or sets the minorStroke thickness using minorStrokeThickness property.

    <IgrNumericYAxis name="yAxis"
        interval={100}
        majorStroke="black"
        majorStrokeThickness={1}
        minorInterval={25}
        minorStroke="gray"
        minorStrokeThickness={0.5} />

    Parameters

    • v: string

    Returns void

minorStrokeThickness

  • get minorStrokeThickness(): number
  • set minorStrokeThickness(v: number): void
  • Gets or sets the MinorStrokeThickness property.

    Returns number

  • Gets or sets the MinorStrokeThickness property.

    Parameters

    • v: number

    Returns void

name

  • get name(): string
  • set name(value: string): void
  • Returns string

  • Parameters

    • value: string

    Returns void

rangeChanged

  • get rangeChanged(): function
  • set rangeChanged(ev: function): void

referenceValue

  • get referenceValue(): number
  • set referenceValue(v: number): void
  • 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;
    <IgrDataChart >
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        referenceValue= {30} />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Returns number

  • 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;
    <IgrDataChart >
    
        <IgrCategoryXAxis name="xAxisYears"
        interval={12} labelLocation="OutsideBottom"
        label="Year"  overlap={1} gap={0.4}  />
    
        <IgrNumericYAxis  name="yAxisLeft"
        title="Expanse | Revenue"
        referenceValue= {30} />
    
    
        <IgrLineSeries name="series1"
        valueMemberPath="Revenue"
        xAxisName="xAxisMonths"
        yAxisName="yAxisLeft" />
     </IgrDataChart>

    Parameters

    • v: number

    Returns void

renderRequested

  • get renderRequested(): function
  • set renderRequested(ev: function): void

scaleMode

  • Gets or sets the axis scale mode.

    scaleMode can be used on numeric axes to allow scaling data values using built-in scalers. The available scalers are linear or logarithmic.

    this.yAxis.scaleMode = NumericScaleMode.Logarithmic;
     <IgrDataChart
        dataSource={this.state.dataSource} >
    
        <IgrCategoryXAxis name="xAxis" />
        <IgrNumericYAxis name="yAxis"
        scaleMode="logarithmic" />
    
        <IgrLineSeries
         name="series1"
        xAxisName="xAxis"
        yAxisName="yAxis"
        valueMemberPath="Value" />
     </IgrDataChart>

    Returns NumericScaleMode

  • Gets or sets the axis scale mode.

    scaleMode can be used on numeric axes to allow scaling data values using built-in scalers. The available scalers are linear or logarithmic.

    this.yAxis.scaleMode = NumericScaleMode.Logarithmic;
     <IgrDataChart
        dataSource={this.state.dataSource} >
    
        <IgrCategoryXAxis name="xAxis" />
        <IgrNumericYAxis name="yAxis"
        scaleMode="logarithmic" />
    
        <IgrLineSeries
         name="series1"
        xAxisName="xAxis"
        yAxisName="yAxis"
        valueMemberPath="Value" />
     </IgrDataChart>

    Parameters

    Returns void

strip

  • get strip(): string
  • set strip(v: string): void
  • Gets or sets the Strip property.

    Use strip property to set the strip of the chart.

    <IgrCategoryChart
            ref={this.onChartRef}
            width="100%"
            height="100%"
            dataSource={this.data}
            titleTopMargin={5}
            xAxisStrip="gray"/>

    Returns string

  • Gets or sets the Strip property.

    Use strip property to set the strip of the chart.

    <IgrCategoryChart
            ref={this.onChartRef}
            width="100%"
            height="100%"
            dataSource={this.data}
            titleTopMargin={5}
            xAxisStrip="gray"/>

    Parameters

    • v: string

    Returns void

stroke

  • get stroke(): string
  • set stroke(v: string): void
  • 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.

    <IgrCategoryChart
            ref={this.onChartRef}
            width="100%"
            height="100%"
            dataSource={this.data}
            titleTopMargin={5}
            xAxisStroke="gray"/>

    Returns string

  • 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.

    <IgrCategoryChart
            ref={this.onChartRef}
            width="100%"
            height="100%"
            dataSource={this.data}
            titleTopMargin={5}
            xAxisStroke="gray"/>

    Parameters

    • v: string

    Returns void

strokeThickness

  • get strokeThickness(): number
  • set strokeThickness(v: number): void
  • Gets or sets the StrokeThickness property.

    Use strokeThickness property for the thickness of the stroke.

    <IgrCategoryChart
            ref={this.onChartRef}
            width="100%"
            height="100%"
            dataSource={this.data}
            titleTopMargin={5}
            xAxisStrokeThickness={2}>

    Returns number

  • Gets or sets the StrokeThickness property.

    Use strokeThickness property for the thickness of the stroke.

    <IgrCategoryChart
            ref={this.onChartRef}
            width="100%"
            height="100%"
            dataSource={this.data}
            titleTopMargin={5}
            xAxisStrokeThickness={2}>

    Parameters

    • v: number

    Returns void

tickLength

  • get tickLength(): number
  • set tickLength(v: number): void
  • Gets or sets the TickLength property.

    Use tickLength property for The length of the tickmarks to display for this axis.

    <IgrCategoryXAxis name="xAxis"
        tickLength={10}
        tickStrokeThickness={0.5}
        tickStroke="black" />

    Returns number

  • Gets or sets the TickLength property.

    Use tickLength property for The length of the tickmarks to display for this axis.

    <IgrCategoryXAxis name="xAxis"
        tickLength={10}
        tickStrokeThickness={0.5}
        tickStroke="black" />

    Parameters

    • v: number

    Returns void

tickStroke

  • get tickStroke(): string
  • set tickStroke(v: string): void
  • Gets or sets the TickStroke property.

    Use tickStroke property for the color of the tickmarks.

    <IgrCategoryXAxis name="xAxis"
        tickLength={10}
        tickStrokeThickness={0.5}
        tickStroke="black" />

    Returns string

  • Gets or sets the TickStroke property.

    Use tickStroke property for the color of the tickmarks.

    <IgrCategoryXAxis name="xAxis"
        tickLength={10}
        tickStrokeThickness={0.5}
        tickStroke="black" />

    Parameters

    • v: string

    Returns void

tickStrokeThickness

  • get tickStrokeThickness(): number
  • set tickStrokeThickness(v: number): void
  • Gets or sets the TickStrokeThickness property.

    Use tickStrokeThickness property for thickness of the stroke tickmarks.

    <IgrCategoryXAxis name="xAxis"
        tickLength={10}
        tickStrokeThickness={0.5}
        tickStroke="black" />

    Returns number

  • Gets or sets the TickStrokeThickness property.

    Use tickStrokeThickness property for thickness of the stroke tickmarks.

    <IgrCategoryXAxis name="xAxis"
        tickLength={10}
        tickStrokeThickness={0.5}
        tickStroke="black" />

    Parameters

    • v: number

    Returns void

title

  • get title(): string
  • set title(v: string): void
  • Gets or sets the Title property.

    Use title property to display the title of the component.

    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Returns string

  • Gets or sets the Title property.

    Use title property to display the title of the component.

    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Parameters

    • v: string

    Returns void

titleAngle

  • get titleAngle(): number
  • set titleAngle(v: number): void
  • Gets or sets the angle of the {0}.

    The Angle property is used to set the angle of the axis.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            titleAngle={90} />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Returns number

  • Gets or sets the angle of the {0}.

    The Angle property is used to set the angle of the axis.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            titleAngle={90} />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Parameters

    • v: number

    Returns void

titleBottomMargin

  • get titleBottomMargin(): number
  • set titleBottomMargin(v: number): void
  • Margin applied below the {0}.

    The labelBottomMargin is used to set the bottom margin of the labels.

    Returns number

  • Margin applied below the {0}.

    The labelBottomMargin is used to set the bottom margin of the labels.

    Parameters

    • v: number

    Returns void

titleExtent

  • get titleExtent(): number
  • set titleExtent(v: number): void
  • Distance between the axis and the edge of the control.

    The Extent property is used for the extent.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"/>
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>

    Returns number

  • Distance between the axis and the edge of the control.

    The Extent property is used for the extent.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"/>
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>

    Parameters

    • v: number

    Returns void

titleHorizontalAlignment

  • get titleHorizontalAlignment(): HorizontalAlignment
  • set titleHorizontalAlignment(v: HorizontalAlignment): void
  • Gets or sets the horizontal alignment of the {0}.

    The HorizontalAlignment property is used for the horizontal alignment.

    Returns HorizontalAlignment

  • Gets or sets the horizontal alignment of the {0}.

    The HorizontalAlignment property is used for the horizontal alignment.

    Parameters

    • v: HorizontalAlignment

    Returns void

titleLeftMargin

  • get titleLeftMargin(): number
  • set titleLeftMargin(v: number): void
  • Margin applied to the left of the {0}.

    The labelLeftMargin property is used for the left margin of the labels.

    Returns number

  • Margin applied to the left of the {0}.

    The labelLeftMargin property is used for the left margin of the labels.

    Parameters

    • v: number

    Returns void

titleLocation

  • Gets or sets the location of the {0}.

    The Location property is used for the location.

    Returns AxisLabelsLocation

  • Gets or sets the location of the {0}.

    The Location property is used for the location.

    Parameters

    Returns void

titlePosition

titleRightMargin

  • get titleRightMargin(): number
  • set titleRightMargin(v: number): void
  • Margin applied to the right of the {0}.

    The labelRightMargin property is used for the right margin of the labels.

    Returns number

  • Margin applied to the right of the {0}.

    The labelRightMargin property is used for the right margin of the labels.

    Parameters

    • v: number

    Returns void

titleShowFirstLabel

  • get titleShowFirstLabel(): boolean
  • set titleShowFirstLabel(v: boolean): void
  • 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.

    Returns boolean

  • 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.

    Parameters

    • v: boolean

    Returns void

titleTextColor

  • get titleTextColor(): string
  • set titleTextColor(v: string): void
  • The color of the {0}.

    The labelTextColor property Overrides the color of the text used for the axis labels.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            labelTextColor="gray"  />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Returns string

  • The color of the {0}.

    The labelTextColor property Overrides the color of the text used for the axis labels.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            labelTextColor="gray"  />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Parameters

    • v: string

    Returns void

titleTextStyle

  • get titleTextStyle(): string
  • set titleTextStyle(v: string): void
  • 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.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            titleTextStyle="12pt Verdana" />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Returns string

  • 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.

    <IgrDataChart
        dataSource={this.state.dataSource}
        width="700px"
        height="500px">
    
        <IgrCategoryXAxis name="xAxis"
            label="Year"
            titleTextStyle="12pt Verdana" />
        <IgrNumericYAxis  name="yAxis" />
     </IgrDataChart>
    <IgrCategoryXAxis name="xAxis"
        title="Country"
        titleTextColor="gray"
        titleTextStyle="12pt Verdana"
        titleAngle={90} />

    Parameters

    • v: string

    Returns void

titleTopMargin

  • get titleTopMargin(): number
  • set titleTopMargin(v: number): void
  • Margin applied above the {0}.

    The labelTopMargin property is used for the top margin of the labels.

    <IgrCategoryXAxis name="xAxis"
        label="Country"
        labelTextStyle="9pt Verdana"
        labelTopMargin={5}
        labelTextColor="gray" />

    Returns number

  • Margin applied above the {0}.

    The labelTopMargin property is used for the top margin of the labels.

    <IgrCategoryXAxis name="xAxis"
        label="Country"
        labelTextStyle="9pt Verdana"
        labelTopMargin={5}
        labelTextColor="gray" />

    Parameters

    • v: number

    Returns void

titleVerticalAlignment

  • get titleVerticalAlignment(): VerticalAlignment
  • set titleVerticalAlignment(v: VerticalAlignment): void
  • Gets or sets the vertical alignment of the {0}.

    The VerticalAlignment property is used for the vertical alignment of the axis.

    Returns VerticalAlignment

  • Gets or sets the vertical alignment of the {0}.

    The VerticalAlignment property is used for the vertical alignment of the axis.

    Parameters

    • v: VerticalAlignment

    Returns void

titleVisibility

  • get titleVisibility(): Visibility
  • set titleVisibility(v: Visibility): void
  • Gets or sets the visibility of the {0}.

    The Visibility property is used for the visibility of the axis.

    Returns Visibility

  • Gets or sets the visibility of the {0}.

    The Visibility property is used for the visibility of the axis.

    Parameters

    • v: Visibility

    Returns void

useEnhancedIntervalManagement

  • get useEnhancedIntervalManagement(): boolean
  • set useEnhancedIntervalManagement(v: boolean): void
  • 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 boolean

  • 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.

    Parameters

    • v: boolean

    Returns void

Methods

Optional UNSAFE_componentWillMount

  • UNSAFE_componentWillMount(): void

Optional UNSAFE_componentWillReceiveProps

Optional UNSAFE_componentWillUpdate

  • UNSAFE_componentWillUpdate(nextProps: Readonly<IIgrNumericXAxisProps>, nextState: Readonly<__type>, nextContext: any): void

Optional componentDidCatch

  • componentDidCatch(error: Error, errorInfo: ErrorInfo): void
  • Catches exceptions generated in descendant components. Unhandled exceptions will cause the entire component tree to unmount.

    Parameters

    • error: Error
    • errorInfo: ErrorInfo

    Returns void

componentDidMount

  • componentDidMount(): void
  • Returns void

Optional componentDidUpdate

  • componentDidUpdate(prevProps: Readonly<IIgrNumericXAxisProps>, prevState: Readonly<__type>, snapshot?: SS): void
  • Called immediately after updating occurs. Not called for the initial render.

    The snapshot is only present if getSnapshotBeforeUpdate is present and returns non-null.

    Parameters

    Returns void

Optional componentWillMount

  • componentWillMount(): void

Optional componentWillReceiveProps

Optional componentWillUnmount

  • componentWillUnmount(): void
  • Called immediately before a component is destroyed. Perform any necessary cleanup in this method, such as cancelled network requests, or cleaning up any DOM elements created in componentDidMount.

    Returns void

Optional componentWillUpdate

  • componentWillUpdate(nextProps: Readonly<IIgrNumericXAxisProps>, nextState: Readonly<__type>, nextContext: any): void

ensureLabelSettings

  • ensureLabelSettings(): void

ensureTitleSettings

  • ensureTitleSettings(): void

getItemValue

  • getItemValue(item: any, memberPathName: string): any
  • Parameters

    • item: any
    • memberPathName: string

    Returns any

Optional getSnapshotBeforeUpdate

  • getSnapshotBeforeUpdate(prevProps: Readonly<IIgrNumericXAxisProps>, prevState: Readonly<__type>): SS | null
  • Runs before React applies the result of render to the document, and returns an object to be given to componentDidUpdate. Useful for saving things such as scroll position before render causes changes to it.

    Note: the presence of getSnapshotBeforeUpdate prevents any of the deprecated lifecycle events from running.

    Parameters

    Returns SS | null

getValueLabel

  • getValueLabel(value: number): string
  • Gets the label for a data item.

    Parameters

    • value: number
      • The unscaled value to get a label for.

    Returns string

provideData

  • provideData(data: any): void
  • Parameters

    • data: any

    Returns void

render

  • render(): any
  • Returns any

renderAxis

  • renderAxis(): void
  • Renders the axis with no animation.

    Returns void

resetCachedEnhancedInterval

  • resetCachedEnhancedInterval(): void
  • If using enhanced interval management and precise interval fitting, this will reset the cached maximum label width, and recalculate using the current labels.

    Returns void

scaleValue

  • scaleValue(unscaledValue: number): number
  • Scales a value from axis space into screen space.

    Parameters

    • unscaledValue: number
      • The unscaled axis value to scale.

    Returns number

scrollRangeIntoView

  • scrollRangeIntoView(minimum: number, maximum: number): void
  • Parameters

    • minimum: number
    • maximum: number

    Returns void

shouldComponentUpdate

  • shouldComponentUpdate(nextProps: any, nextState: any): boolean
  • Parameters

    • nextProps: any
    • nextState: any

    Returns boolean

unscaleValue

  • unscaleValue(unscaledValue: number): number
  • Unscales a value from screen space into axis space.

    Parameters

    • unscaledValue: number
      • The scaled value in screen coordinates to unscale into axis space.

      Unscales a value from screen space into axis space.

      let dataValue: number = this.yAxis.unscaleValue(pixel);

    Returns number

Static _createFromInternal

  • _createFromInternal(internal: any): IgrAxis