Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Class IgrAssigningCategoryStyleEventArgs

Represents event arguments class for the AssigningCategoryStyleEvent

The AssigningCategoryStyle event fired to allow you to override the style of items in a category or financial series

<IgrDataChart
    dataSource={this.state.dataSource}
    width="700px"
    height="500px">

    <IgrCategoryXAxis name="xAxis" label="Year" />
    <IgrNumericYAxis  name="yAxis" />

    <IgrRangeColumnSeries
        name="series1"
        xAxisName="xAxis"
        yAxisName="yAxis"
        highMemberPath="High"
        lowMemberPath="Low"
        isCustomCategoryStyleAllowed="true"
        assigningCategoryMarkerStyle= {this.onAssigningCategoryStyle} />
 </IgrDataChart>
 series1.assigningCategoryStyle = this.onAssigningCategoryStyle ;
 public onAssigningCategoryStyle =( s:IgrCategorySeries , e: AssigningCategoryStyleEventArgs) => {

  }

Hierarchy

Constructors

Accessors

Constructors

constructor

Accessors

endDate

  • get endDate(): Date
  • set endDate(v: Date): void

endIndex

  • get endIndex(): number
  • set endIndex(v: number): void

fill

  • get fill(): string
  • set fill(v: string): void

  • Gets or sets fill brush to use for the current item.

    Returns string

  • Gets or sets fill brush to use for the current item.

    Parameters

    • v: string

    Returns void

getItems

  • get getItems(): function
  • set getItems(v: function): void

  • Gets a function that will return the items associated with this event.

    Returns function

      • (orderedStartIndex: number, orderedEndIndex: number): any[]

      • Parameters

        • orderedStartIndex: number
        • orderedEndIndex: number

        Returns any[]

  • Gets a function that will return the items associated with this event.

    Parameters

    • v: function
        • (orderedStartIndex: number, orderedEndIndex: number): any[]

        • Parameters

          • orderedStartIndex: number
          • orderedEndIndex: number

          Returns any[]

    Returns void

hasDateRange

  • get hasDateRange(): boolean
  • set hasDateRange(v: boolean): void

highlightingHandled

  • get highlightingHandled(): boolean
  • set highlightingHandled(v: boolean): void

  • Gets or sets if highlighting was handled by this event handler, and whether internal highlighting logic should be skipped.

    Returns boolean

  • Gets or sets if highlighting was handled by this event handler, and whether internal highlighting logic should be skipped.

    Parameters

    • v: boolean

    Returns void

highlightingInfo

isNegativeShape

  • get isNegativeShape(): boolean
  • set isNegativeShape(v: boolean): void

  • Gets if the current shape is identified as a negative shape if this series supports discrete negative shapes.

    Returns boolean

  • Gets if the current shape is identified as a negative shape if this series supports discrete negative shapes.

    Parameters

    • v: boolean

    Returns void

isThumbnail

  • get isThumbnail(): boolean
  • set isThumbnail(v: boolean): void

maxAllSeriesHighlightingProgress

  • get maxAllSeriesHighlightingProgress(): number
  • set maxAllSeriesHighlightingProgress(v: number): void

opacity

  • get opacity(): number
  • set opacity(v: number): void

radiusX

  • get radiusX(): number
  • set radiusX(v: number): void

  • Gets or sets corner radius X to use for the current item, if applicable.

    Use the radiusX property to round the corners of the column.

    public onAssigningCategoryMarkerStyle =( s:IgrCategorySeries, e: AssigningCategoryStyleEventArgs) => {
  e.radiusX = 5;
  }

    Returns number

  • Gets or sets corner radius X to use for the current item, if applicable.

    Use the radiusX property to round the corners of the column.

    public onAssigningCategoryMarkerStyle =( s:IgrCategorySeries, e: AssigningCategoryStyleEventArgs) => {
  e.radiusX = 5;
  }

    Parameters

    • v: number

    Returns void

radiusY

  • get radiusY(): number
  • set radiusY(v: number): void

  • Gets or sets corner radius Y to use for the current item, if applicable.

    Use the radiusY property for the y-radius of the ellipse that is used to round the corners of the column.

     public onAssigningCategoryMarkerStyle =( s:IgrCategorySeries<IIgrRangeAreaSeriesProps>, e: AssigningCategoryStyleEventArgs) => {
    e.radiusY = 5;
}

    Returns number

  • Gets or sets corner radius Y to use for the current item, if applicable.

    Use the radiusY property for the y-radius of the ellipse that is used to round the corners of the column.

     public onAssigningCategoryMarkerStyle =( s:IgrCategorySeries<IIgrRangeAreaSeriesProps>, e: AssigningCategoryStyleEventArgs) => {
    e.radiusY = 5;
}

    Parameters

    • v: number

    Returns void

startDate

  • get startDate(): Date
  • set startDate(v: Date): void

startIndex

  • get startIndex(): number
  • set startIndex(v: number): void

stroke

  • get stroke(): string
  • set stroke(v: string): void

strokeThickness

  • get strokeThickness(): number
  • set strokeThickness(v: number): void

  • Gets or sets stroke thickness to use for the current item.

    Used the strokeThickness proprty for the current item thickness.

    public onAssigningCategoryMarkerStyle =( s:IgrCategorySeries , e: AssigningCategoryStyleEventArgs) => {
    e.strokeThickness = 5;
}

    Returns number

  • Gets or sets stroke thickness to use for the current item.

    Used the strokeThickness proprty for the current item thickness.

    public onAssigningCategoryMarkerStyle =( s:IgrCategorySeries , e: AssigningCategoryStyleEventArgs) => {
    e.strokeThickness = 5;
}

    Parameters

    • v: number

    Returns void

sumAllSeriesHighlightingProgress

  • get sumAllSeriesHighlightingProgress(): number
  • set sumAllSeriesHighlightingProgress(v: number): void