Represents a IgxDataChartComponent line series. Displays trend over time or ordered categories. Useful when there are many data points and the order is important.
LineSeries belongs to a group of CategorySeries and it is rendered using a collection of points connected by straight line segments.
<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-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-line-series>
</igx-data-chart>let series: IgxLineSeriesComponent = new IgxLineSeriesComponent();
series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath = "value";
this.chart.series.add(series); Constructors
Section titled "Constructors"IgxLineSeriesComponent
new IgxLineSeriesComponent(): IgxLineSeriesComponent Returns IgxLineSeriesComponent
Properties
Section titled "Properties"ngAcceptInputType_actualAreaFillOpacity
Section titled "ngAcceptInputType_actualAreaFillOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualAreaFillOpacity: string | number ngAcceptInputType_actualFocusMode
Section titled "ngAcceptInputType_actualFocusMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualFocusMode: string | SeriesSelectionMode ngAcceptInputType_actualHighlightedValuesFadeOpacity
Section titled "ngAcceptInputType_actualHighlightedValuesFadeOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualHighlightedValuesFadeOpacity: string | number ngAcceptInputType_actualHighlightingFadeOpacity
Section titled "ngAcceptInputType_actualHighlightingFadeOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualHighlightingFadeOpacity: string | number ngAcceptInputType_actualHighlightingMode
Section titled "ngAcceptInputType_actualHighlightingMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualHighlightingMode: string | SeriesHighlightingMode ngAcceptInputType_actualHitTestMode
Section titled "ngAcceptInputType_actualHitTestMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualHitTestMode: string | SeriesHitTestMode ngAcceptInputType_actualLayers
Section titled "ngAcceptInputType_actualLayers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualLayers: string | IgxSeriesLayerCollection ngAcceptInputType_actualMarkerFillOpacity
Section titled "ngAcceptInputType_actualMarkerFillOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualMarkerFillOpacity: string | number ngAcceptInputType_actualMarkerType
Section titled "ngAcceptInputType_actualMarkerType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualMarkerType: string | MarkerType ngAcceptInputType_actualResolution
Section titled "ngAcceptInputType_actualResolution"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualResolution: string | number ngAcceptInputType_actualSelectionMode
Section titled "ngAcceptInputType_actualSelectionMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualSelectionMode: string | SeriesSelectionMode ngAcceptInputType_actualThickness
Section titled "ngAcceptInputType_actualThickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_actualThickness: string | number ngAcceptInputType_areaFillOpacity
Section titled "ngAcceptInputType_areaFillOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_areaFillOpacity: string | number ngAcceptInputType_attachTooltipToRoot
Section titled "ngAcceptInputType_attachTooltipToRoot"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_attachTooltipToRoot: string | boolean ngAcceptInputType_autoCalloutLabelFormatSpecifiers
Section titled "ngAcceptInputType_autoCalloutLabelFormatSpecifiers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_autoCalloutLabelFormatSpecifiers: string | any[] ngAcceptInputType_autoCalloutValueLabelFormatSpecifiers
Section titled "ngAcceptInputType_autoCalloutValueLabelFormatSpecifiers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_autoCalloutValueLabelFormatSpecifiers: string | any[] ngAcceptInputType_categoryCollisionMode
Section titled "ngAcceptInputType_categoryCollisionMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_categoryCollisionMode: string | CategoryCollisionMode ngAcceptInputType_consolidatedItemHitTestBehavior
Section titled "ngAcceptInputType_consolidatedItemHitTestBehavior"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_consolidatedItemHitTestBehavior: string | ConsolidatedItemHitTestBehavior ngAcceptInputType_dashArray
Section titled "ngAcceptInputType_dashArray"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_dashArray: string | number[] ngAcceptInputType_effectiveIsMarkerCircular
Section titled "ngAcceptInputType_effectiveIsMarkerCircular"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_effectiveIsMarkerCircular: string | boolean ngAcceptInputType_expectFunctions
Section titled "ngAcceptInputType_expectFunctions"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_expectFunctions: string | boolean ngAcceptInputType_finalValue
Section titled "ngAcceptInputType_finalValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_finalValue: string | number ngAcceptInputType_hasMarkers
Section titled "ngAcceptInputType_hasMarkers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_hasMarkers: string | boolean ngAcceptInputType_hasOnlyMarkers
Section titled "ngAcceptInputType_hasOnlyMarkers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_hasOnlyMarkers: string | boolean ngAcceptInputType_hasValueAxis
Section titled "ngAcceptInputType_hasValueAxis"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_hasValueAxis: string | boolean ngAcceptInputType_hasVisibleMarkers
Section titled "ngAcceptInputType_hasVisibleMarkers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_hasVisibleMarkers: string | boolean ngAcceptInputType_highlightedLegendItemVisibility
Section titled "ngAcceptInputType_highlightedLegendItemVisibility"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_highlightedLegendItemVisibility: any ngAcceptInputType_highlightedValuesDisplayMode
Section titled "ngAcceptInputType_highlightedValuesDisplayMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_highlightedValuesDisplayMode: any ngAcceptInputType_highlightedValuesExtraPropertyOverlays
Section titled "ngAcceptInputType_highlightedValuesExtraPropertyOverlays"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_highlightedValuesExtraPropertyOverlays: string | IgxSeriesLayerPropertyOverlayCollection ngAcceptInputType_highlightedValuesFadeOpacity
Section titled "ngAcceptInputType_highlightedValuesFadeOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_highlightedValuesFadeOpacity: string | number ngAcceptInputType_highlightingFadeOpacity
Section titled "ngAcceptInputType_highlightingFadeOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_highlightingFadeOpacity: string | number ngAcceptInputType_hitTestMode
Section titled "ngAcceptInputType_hitTestMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_hitTestMode: string | SeriesHitTestMode ngAcceptInputType_index
Section titled "ngAcceptInputType_index"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_index: string | number ngAcceptInputType_isActualLegendFinancial
Section titled "ngAcceptInputType_isActualLegendFinancial"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isActualLegendFinancial: string | boolean ngAcceptInputType_isAnnotationCalloutLayer
Section titled "ngAcceptInputType_isAnnotationCalloutLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isAnnotationCalloutLayer: string | boolean ngAcceptInputType_isAnnotationCrosshairLayer
Section titled "ngAcceptInputType_isAnnotationCrosshairLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isAnnotationCrosshairLayer: string | boolean ngAcceptInputType_isAnnotationDataLayer
Section titled "ngAcceptInputType_isAnnotationDataLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isAnnotationDataLayer: string | boolean ngAcceptInputType_isAnnotationFinalValue
Section titled "ngAcceptInputType_isAnnotationFinalValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isAnnotationFinalValue: string | boolean ngAcceptInputType_isAnnotationHoverLayer
Section titled "ngAcceptInputType_isAnnotationHoverLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isAnnotationHoverLayer: string | boolean ngAcceptInputType_isAnnotationLayer
Section titled "ngAcceptInputType_isAnnotationLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isAnnotationLayer: string | boolean ngAcceptInputType_isAnnotationValueLayer
Section titled "ngAcceptInputType_isAnnotationValueLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isAnnotationValueLayer: string | boolean ngAcceptInputType_isArea
Section titled "ngAcceptInputType_isArea"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isArea: string | boolean ngAcceptInputType_isAreaOrLine
Section titled "ngAcceptInputType_isAreaOrLine"ngAcceptInputType_isAreaOrLine: string | boolean ngAcceptInputType_isBar
Section titled "ngAcceptInputType_isBar"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isBar: string | boolean ngAcceptInputType_isCategory
Section titled "ngAcceptInputType_isCategory"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isCategory: string | boolean ngAcceptInputType_isColoredItemwise
Section titled "ngAcceptInputType_isColoredItemwise"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isColoredItemwise: string | boolean ngAcceptInputType_isColumn
Section titled "ngAcceptInputType_isColumn"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isColumn: string | boolean ngAcceptInputType_isComponentHighlightingModeIgnored
Section titled "ngAcceptInputType_isComponentHighlightingModeIgnored"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isComponentHighlightingModeIgnored: string | boolean ngAcceptInputType_isCustomCategoryMarkerStyleAllowed
Section titled "ngAcceptInputType_isCustomCategoryMarkerStyleAllowed"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isCustomCategoryMarkerStyleAllowed: string | boolean ngAcceptInputType_isCustomCategoryStyleAllowed
Section titled "ngAcceptInputType_isCustomCategoryStyleAllowed"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isCustomCategoryStyleAllowed: string | boolean ngAcceptInputType_isCustomMarkerCircular
Section titled "ngAcceptInputType_isCustomMarkerCircular"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isCustomMarkerCircular: string | boolean ngAcceptInputType_isDefaultCrosshairBehaviorDisabled
Section titled "ngAcceptInputType_isDefaultCrosshairBehaviorDisabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isDefaultCrosshairBehaviorDisabled: string | boolean ngAcceptInputType_isDefaultTooltipBehaviorDisabled
Section titled "ngAcceptInputType_isDefaultTooltipBehaviorDisabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isDefaultTooltipBehaviorDisabled: string | boolean ngAcceptInputType_isDefaultToolTipSelected
Section titled "ngAcceptInputType_isDefaultToolTipSelected"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isDefaultToolTipSelected: string | boolean ngAcceptInputType_isDropShadowEnabled
Section titled "ngAcceptInputType_isDropShadowEnabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isDropShadowEnabled: string | boolean ngAcceptInputType_isFinancial
Section titled "ngAcceptInputType_isFinancial"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isFinancial: string | boolean ngAcceptInputType_isFinancialIndicator
Section titled "ngAcceptInputType_isFinancialIndicator"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isFinancialIndicator: string | boolean ngAcceptInputType_isFinancialOverlay
Section titled "ngAcceptInputType_isFinancialOverlay"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isFinancialOverlay: string | boolean ngAcceptInputType_isFinancialSeries
Section titled "ngAcceptInputType_isFinancialSeries"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isFinancialSeries: string | boolean ngAcceptInputType_isFinancialWaterfall
Section titled "ngAcceptInputType_isFinancialWaterfall"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isFinancialWaterfall: string | boolean ngAcceptInputType_isFragment
Section titled "ngAcceptInputType_isFragment"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isFragment: string | boolean ngAcceptInputType_isGeographic
Section titled "ngAcceptInputType_isGeographic"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isGeographic: string | boolean ngAcceptInputType_isHighlightingEnabled
Section titled "ngAcceptInputType_isHighlightingEnabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isHighlightingEnabled: string | boolean ngAcceptInputType_isHighlightOverlay
Section titled "ngAcceptInputType_isHighlightOverlay"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isHighlightOverlay: string | boolean ngAcceptInputType_isIndexed
Section titled "ngAcceptInputType_isIndexed"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isIndexed: string | boolean ngAcceptInputType_isLayer
Section titled "ngAcceptInputType_isLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isLayer: string | boolean ngAcceptInputType_isLineContour
Section titled "ngAcceptInputType_isLineContour"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isLineContour: string | boolean ngAcceptInputType_isLineOnly
Section titled "ngAcceptInputType_isLineOnly"ngAcceptInputType_isLineOnly: string | boolean ngAcceptInputType_isMarkerlessDisplayPreferred
Section titled "ngAcceptInputType_isMarkerlessDisplayPreferred"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isMarkerlessDisplayPreferred: string | boolean ngAcceptInputType_isNegativeColorSupported
Section titled "ngAcceptInputType_isNegativeColorSupported"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isNegativeColorSupported: string | boolean ngAcceptInputType_isPie
Section titled "ngAcceptInputType_isPie"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isPie: string | boolean ngAcceptInputType_isPixel
Section titled "ngAcceptInputType_isPixel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isPixel: string | boolean ngAcceptInputType_isPolar
Section titled "ngAcceptInputType_isPolar"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isPolar: string | boolean ngAcceptInputType_isPolygon
Section titled "ngAcceptInputType_isPolygon"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isPolygon: string | boolean ngAcceptInputType_isPolyline
Section titled "ngAcceptInputType_isPolyline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isPolyline: string | boolean ngAcceptInputType_isRadial
Section titled "ngAcceptInputType_isRadial"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isRadial: string | boolean ngAcceptInputType_isRange
Section titled "ngAcceptInputType_isRange"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isRange: string | boolean ngAcceptInputType_isScatter
Section titled "ngAcceptInputType_isScatter"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isScatter: string | boolean ngAcceptInputType_isShape
Section titled "ngAcceptInputType_isShape"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isShape: string | boolean ngAcceptInputType_isShapeControl
Section titled "ngAcceptInputType_isShapeControl"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isShapeControl: string | boolean ngAcceptInputType_isSpline
Section titled "ngAcceptInputType_isSpline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isSpline: string | boolean ngAcceptInputType_isStacked
Section titled "ngAcceptInputType_isStacked"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isStacked: string | boolean ngAcceptInputType_isStep
Section titled "ngAcceptInputType_isStep"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isStep: string | boolean ngAcceptInputType_isSummarizationSupported
Section titled "ngAcceptInputType_isSummarizationSupported"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isSummarizationSupported: string | boolean ngAcceptInputType_isTile
Section titled "ngAcceptInputType_isTile"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isTile: string | boolean ngAcceptInputType_isToolTipLayer
Section titled "ngAcceptInputType_isToolTipLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isToolTipLayer: string | boolean ngAcceptInputType_isTransitionInEnabled
Section titled "ngAcceptInputType_isTransitionInEnabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isTransitionInEnabled: string | boolean ngAcceptInputType_isUsableInLegend
Section titled "ngAcceptInputType_isUsableInLegend"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isUsableInLegend: string | boolean ngAcceptInputType_isUserAnnotationLayer
Section titled "ngAcceptInputType_isUserAnnotationLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isUserAnnotationLayer: string | boolean ngAcceptInputType_isUserAnnotationToolTipLayer
Section titled "ngAcceptInputType_isUserAnnotationToolTipLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isUserAnnotationToolTipLayer: string | boolean ngAcceptInputType_isValueAxisInverted
Section titled "ngAcceptInputType_isValueAxisInverted"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isValueAxisInverted: string | boolean ngAcceptInputType_isValueOverlay
Section titled "ngAcceptInputType_isValueOverlay"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isValueOverlay: string | boolean ngAcceptInputType_isVertical
Section titled "ngAcceptInputType_isVertical"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isVertical: string | boolean ngAcceptInputType_isWaterfall
Section titled "ngAcceptInputType_isWaterfall"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_isWaterfall: string | boolean ngAcceptInputType_layers
Section titled "ngAcceptInputType_layers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_layers: string | IgxSeriesLayerCollection ngAcceptInputType_legendItemBadgeMode
Section titled "ngAcceptInputType_legendItemBadgeMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_legendItemBadgeMode: any ngAcceptInputType_legendItemBadgeShape
Section titled "ngAcceptInputType_legendItemBadgeShape"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_legendItemBadgeShape: any ngAcceptInputType_legendItemVisibility
Section titled "ngAcceptInputType_legendItemVisibility"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_legendItemVisibility: any ngAcceptInputType_lineCap
Section titled "ngAcceptInputType_lineCap"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_lineCap: any ngAcceptInputType_lineJoin
Section titled "ngAcceptInputType_lineJoin"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_lineJoin: any ngAcceptInputType_markerCollisionAvoidance
Section titled "ngAcceptInputType_markerCollisionAvoidance"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_markerCollisionAvoidance: string | CategorySeriesMarkerCollisionAvoidance ngAcceptInputType_markerFillMode
Section titled "ngAcceptInputType_markerFillMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_markerFillMode: string | MarkerFillMode ngAcceptInputType_markerFillOpacity
Section titled "ngAcceptInputType_markerFillOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_markerFillOpacity: string | number ngAcceptInputType_markerOutlineMode
Section titled "ngAcceptInputType_markerOutlineMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_markerOutlineMode: string | MarkerOutlineMode ngAcceptInputType_markerSize
Section titled "ngAcceptInputType_markerSize"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_markerSize: string | number ngAcceptInputType_markerThickness
Section titled "ngAcceptInputType_markerThickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_markerThickness: string | number ngAcceptInputType_markerType
Section titled "ngAcceptInputType_markerType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_markerType: string | MarkerType ngAcceptInputType_mouseOverEnabled
Section titled "ngAcceptInputType_mouseOverEnabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_mouseOverEnabled: string | boolean ngAcceptInputType_opacity
Section titled "ngAcceptInputType_opacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_opacity: string | number ngAcceptInputType_outlineMode
Section titled "ngAcceptInputType_outlineMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_outlineMode: string | SeriesOutlineMode ngAcceptInputType_percentChange
Section titled "ngAcceptInputType_percentChange"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_percentChange: string | number ngAcceptInputType_resolution
Section titled "ngAcceptInputType_resolution"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_resolution: string | number ngAcceptInputType_selectionThickness
Section titled "ngAcceptInputType_selectionThickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_selectionThickness: string | number ngAcceptInputType_shadowBlur
Section titled "ngAcceptInputType_shadowBlur"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_shadowBlur: string | number ngAcceptInputType_shadowOffsetX
Section titled "ngAcceptInputType_shadowOffsetX"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_shadowOffsetX: string | number ngAcceptInputType_shadowOffsetY
Section titled "ngAcceptInputType_shadowOffsetY"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_shadowOffsetY: string | number ngAcceptInputType_shouldAnimateOnDataSourceSwap
Section titled "ngAcceptInputType_shouldAnimateOnDataSourceSwap"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_shouldAnimateOnDataSourceSwap: string | boolean ngAcceptInputType_shouldHideAutoCallouts
Section titled "ngAcceptInputType_shouldHideAutoCallouts"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_shouldHideAutoCallouts: string | boolean ngAcceptInputType_shouldRemoveHighlightedDataOnLayerHidden
Section titled "ngAcceptInputType_shouldRemoveHighlightedDataOnLayerHidden"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_shouldRemoveHighlightedDataOnLayerHidden: string | boolean ngAcceptInputType_shouldShiftOpacityForSafeActualBrush
Section titled "ngAcceptInputType_shouldShiftOpacityForSafeActualBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_shouldShiftOpacityForSafeActualBrush: string | boolean ngAcceptInputType_showDefaultTooltip
Section titled "ngAcceptInputType_showDefaultTooltip"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_showDefaultTooltip: string | boolean ngAcceptInputType_thickness
Section titled "ngAcceptInputType_thickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_thickness: string | number ngAcceptInputType_transitionDuration
Section titled "ngAcceptInputType_transitionDuration"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_transitionDuration: string | number ngAcceptInputType_transitionInDuration
Section titled "ngAcceptInputType_transitionInDuration"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_transitionInDuration: string | number ngAcceptInputType_transitionInMode
Section titled "ngAcceptInputType_transitionInMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_transitionInMode: string | CategoryTransitionInMode ngAcceptInputType_transitionInSpeedType
Section titled "ngAcceptInputType_transitionInSpeedType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_transitionInSpeedType: string | TransitionInSpeedType ngAcceptInputType_transitionOutDuration
Section titled "ngAcceptInputType_transitionOutDuration"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_transitionOutDuration: string | number ngAcceptInputType_transitionOutSpeedType
Section titled "ngAcceptInputType_transitionOutSpeedType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_transitionOutSpeedType: string | TransitionOutSpeedType ngAcceptInputType_trendLineDashArray
Section titled "ngAcceptInputType_trendLineDashArray"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_trendLineDashArray: string | number[] ngAcceptInputType_trendLinePeriod
Section titled "ngAcceptInputType_trendLinePeriod"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_trendLinePeriod: string | number ngAcceptInputType_trendLineThickness
Section titled "ngAcceptInputType_trendLineThickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_trendLineThickness: string | number ngAcceptInputType_trendLineType
Section titled "ngAcceptInputType_trendLineType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_trendLineType: any ngAcceptInputType_unknownValuePlotting
Section titled "ngAcceptInputType_unknownValuePlotting"ngAcceptInputType_unknownValuePlotting: any ngAcceptInputType_useHighMarkerFidelity
Section titled "ngAcceptInputType_useHighMarkerFidelity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_useHighMarkerFidelity: string | boolean ngAcceptInputType_useItemWiseColors
Section titled "ngAcceptInputType_useItemWiseColors"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_useItemWiseColors: string | boolean ngAcceptInputType_useSingleShadow
Section titled "ngAcceptInputType_useSingleShadow"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_useSingleShadow: string | boolean ngAcceptInputType_visibility
Section titled "ngAcceptInputType_visibility"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_visibility: any ngAcceptInputType_visibleRangeMarginBottom
Section titled "ngAcceptInputType_visibleRangeMarginBottom"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_visibleRangeMarginBottom: string | number ngAcceptInputType_visibleRangeMarginLeft
Section titled "ngAcceptInputType_visibleRangeMarginLeft"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_visibleRangeMarginLeft: string | number ngAcceptInputType_visibleRangeMarginRight
Section titled "ngAcceptInputType_visibleRangeMarginRight"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_visibleRangeMarginRight: string | number ngAcceptInputType_visibleRangeMarginTop
Section titled "ngAcceptInputType_visibleRangeMarginTop"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_visibleRangeMarginTop: string | number ngAcceptInputType_visibleRangeMode
Section titled "ngAcceptInputType_visibleRangeMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngAcceptInputType_visibleRangeMode: string | SeriesVisibleRangeMode ɵcmp: ɵɵComponentDeclaration<IgxLineSeriesComponent, "igx-line-series", never, object, object, never, never, true, never> ɵfac: ɵɵFactoryDeclaration<IgxLineSeriesComponent, never> Accessors
Section titled "Accessors"actualAreaFillOpacity
Section titled "actualAreaFillOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the actual opacity applied to the area fill visual.
let actualFillOpacity: number = series.actualAreaFillOpacity; get actualAreaFillOpacity(): number
Returns number
set actualAreaFillOpacity(v: number): void Parameters
- v:
number
Returns void
actualBrush
Section titled "actualBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective brush for the current series object.
let actualBrush: string = series.actualBrush; get actualBrush(): string
Returns string
set actualBrush(v: string): void Parameters
- v:
string
Returns void
actualCloseLabel
Section titled "actualCloseLabel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the text that is displayed for the Close label in the tooltip.
get actualCloseLabel(): string
Returns string
actualFocusBrush
Section titled "actualFocusBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective emphasis brush for the current series object.
get actualFocusBrush(): string
Returns string
set actualFocusBrush(v: string): void Parameters
- v:
string
Returns void
actualFocusMode
Section titled "actualFocusMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
actualHighLabel
Section titled "actualHighLabel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the text that is displayed for the High label in the tooltip.
get actualHighLabel(): string
Returns string
actualHighlightedValuesFadeOpacity
Section titled "actualHighlightedValuesFadeOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets actual HighlightedValues fade opacity
get actualHighlightedValuesFadeOpacity(): number
Returns number
set actualHighlightedValuesFadeOpacity(v: number): void Parameters
- v:
number
Returns void
actualHighlightingFadeOpacity
Section titled "actualHighlightingFadeOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets actual highlighting fade opacity
get actualHighlightingFadeOpacity(): number
Returns number
set actualHighlightingFadeOpacity(v: number): void Parameters
- v:
number
Returns void
actualHighlightingMode
Section titled "actualHighlightingMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets actual highlighting mode
get actualHighlightingMode(): SeriesHighlightingMode
Returns SeriesHighlightingMode
actualHitTestMode
Section titled "actualHitTestMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Resolved method of hit testing to use when pointing to items in the chart.
let hitTestMode: SeriesHitTestMode = this.series.actualHitTestMode; get actualHitTestMode(): SeriesHitTestMode
Returns SeriesHitTestMode
actualLayers
Section titled "actualLayers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the actual extra layers for the series.
get actualLayers(): IgxSeriesLayerCollection
Returns IgxSeriesLayerCollection
actualLegendItemBadgeBrush
Section titled "actualLegendItemBadgeBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective legend badge fill for the current series.
get actualLegendItemBadgeBrush(): string
Returns string
set actualLegendItemBadgeBrush(v: string): void Parameters
- v:
string
Returns void
actualLegendItemBadgeOutline
Section titled "actualLegendItemBadgeOutline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective legend badge outline for the current series.
get actualLegendItemBadgeOutline(): string
Returns string
set actualLegendItemBadgeOutline(v: string): void Parameters
- v:
string
Returns void
actualLegendItemBadgeTemplate
Section titled "actualLegendItemBadgeTemplate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the actual legend item badge template used by the series.
get actualLegendItemBadgeTemplate(): IgDataTemplate
Returns IgDataTemplate
set actualLegendItemBadgeTemplate(v: IgDataTemplate): void Parameters
- v:
IgDataTemplate
Returns void
actualLowLabel
Section titled "actualLowLabel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the text that is displayed for the Low label in the tooltip.
get actualLowLabel(): string
Returns string
actualMarkerBrush
Section titled "actualMarkerBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective marker brush for the current series object.
ActualMarkerBrush property gets the effective marker brush for the current series object. For example, you can use it like this:
let effectiveMarkerBrush: string = this.series.actualMarkerBrush; get actualMarkerBrush(): string
Returns string
set actualMarkerBrush(v: string): void Parameters
- v:
string
Returns void
actualMarkerFillOpacity
Section titled "actualMarkerFillOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the actual opacity applied to the fill of the markers.
get actualMarkerFillOpacity(): number
Returns number
set actualMarkerFillOpacity(v: number): void Parameters
- v:
number
Returns void
actualMarkerOutline
Section titled "actualMarkerOutline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective marker outline for the current series object.
`ActualMarkerOutline` property gets the effective marker outline for the current series object. You can use it like this:
let effectiveMarkerOutline: string = this.series.actualMarkerOutline; get actualMarkerOutline(): string
Returns string
set actualMarkerOutline(v: string): void Parameters
- v:
string
Returns void
actualMarkerTemplate
Section titled "actualMarkerTemplate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective marker template for the current series object.
ActualMarkerTemplate property gets the effective marker template for the current series object. You can use it like this:
let effectiveMarkerTemplate: IgxDataTemplate = this.series.actualMarkerTemplate; get actualMarkerTemplate(): IgDataTemplate
Returns IgDataTemplate
set actualMarkerTemplate(v: IgDataTemplate): void Parameters
- v:
IgDataTemplate
Returns void
actualMarkerType
Section titled "actualMarkerType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Represents the resolved marker type for the series.
get actualMarkerType(): MarkerType
Returns MarkerType
actualOpenLabel
Section titled "actualOpenLabel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the text that is displayed for the Open label in the tooltip.
get actualOpenLabel(): string
Returns string
actualOutline
Section titled "actualOutline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective outline for the current series object.
let actualOutline: string = series.ActualOutline; get actualOutline(): string
Returns string
set actualOutline(v: string): void Parameters
- v:
string
Returns void
actualRadiusLabel
Section titled "actualRadiusLabel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the text that is displayed for the Value label in the tooltip.
get actualRadiusLabel(): string
Returns string
actualResolution
Section titled "actualResolution"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get actualResolution(): number
Returns number
set actualResolution(v: number): void Parameters
- v:
number
Returns void
actualSelectionBrush
Section titled "actualSelectionBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective emphasis brush for the current series object.
get actualSelectionBrush(): string
Returns string
set actualSelectionBrush(v: string): void Parameters
- v:
string
Returns void
actualSelectionMode
Section titled "actualSelectionMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets actual Selection mode
get actualSelectionMode(): SeriesSelectionMode
Returns SeriesSelectionMode
actualThickness
Section titled "actualThickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective Thickness for the current series object.
get actualThickness(): number
Returns number
set actualThickness(v: number): void Parameters
- v:
number
Returns void
actualTrendLineBrush
Section titled "actualTrendLineBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective TrendLineBrush for this series.
The ActualTrendLineBrush property is used to gets the effective TrendLineBrush for this series.
get actualTrendLineBrush(): string
Returns string
set actualTrendLineBrush(v: string): void Parameters
- v:
string
Returns void
actualValueLabel
Section titled "actualValueLabel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the text that is displayed for the Value label in the tooltip.
get actualValueLabel(): string
Returns string
actualVolumeLabel
Section titled "actualVolumeLabel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the text that is displayed for the Volume label in the tooltip.
get actualVolumeLabel(): string
Returns string
areaFillOpacity
Section titled "areaFillOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the opacity applied to the area fill visual. This property only applies to series that have area visual.
<igx-data-chart #chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
<igx-area-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
areaFillOpacity=.5>
</igx-area-series>
</igx-data-chart> get areaFillOpacity(): number
Returns number
set areaFillOpacity(v: number): void Parameters
- v:
number
Returns void
assigningCategoryMarkerStyle
Section titled "assigningCategoryMarkerStyle"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Event raised when Assigning Category Marker Style
get assigningCategoryMarkerStyle(): EventEmitter<object>
Returns EventEmitter<object>
assigningCategoryStyle
Section titled "assigningCategoryStyle"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Event raised when Assigning Category Style
get assigningCategoryStyle(): EventEmitter<object>
Returns EventEmitter<object>
attachTooltipToRoot
Section titled "attachTooltipToRoot"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the tooltip will be attached to the root, when set to false it will be a child of the chart.
get attachTooltipToRoot(): boolean
Returns boolean
set attachTooltipToRoot(v: boolean): void Parameters
- v:
boolean
Returns void
autoCalloutLabelFormat
Section titled "autoCalloutLabelFormat"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
get autoCalloutLabelFormat(): string
Returns string
set autoCalloutLabelFormat(v: string): void Parameters
- v:
string
Returns void
autoCalloutLabelFormatSpecifiers
Section titled "autoCalloutLabelFormatSpecifiers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the format specifiers to use with the AutoCalloutLabelFormat string.
get autoCalloutLabelFormatSpecifiers(): any[]
Returns any[]
set autoCalloutLabelFormatSpecifiers(v: any[]): void Parameters
- v:
any[]
Returns void
autoCalloutValueLabelFormat
Section titled "autoCalloutValueLabelFormat"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
get autoCalloutValueLabelFormat(): string
Returns string
set autoCalloutValueLabelFormat(v: string): void Parameters
- v:
string
Returns void
autoCalloutValueLabelFormatSpecifiers
Section titled "autoCalloutValueLabelFormatSpecifiers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the format specifiers to use with the AutoCalloutValueLabelFormat string.
get autoCalloutValueLabelFormatSpecifiers(): any[]
Returns any[]
set autoCalloutValueLabelFormatSpecifiers(v: any[]): void Parameters
- v:
any[]
Returns void
brush
Section titled "brush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the brush to use for the series.
The Brush along with the Outline and Negative Brush can be used to affect the visuals of the Series.
<igx-data-chart #chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
<igx-area-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
brush="red">
</igx-area-series>
</igx-data-chart>this.series.brush = "red"; get brush(): string
Returns string
set brush(v: string): void Parameters
- v:
string
Returns void
categoryCollisionMode
Section titled "categoryCollisionMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the category collision mode selection behavior to use for the series.
get categoryCollisionMode(): CategoryCollisionMode
Returns CategoryCollisionMode
coercionMethods
Section titled "coercionMethods"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
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 reimported into the chart.
<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-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value">
</igx-line-series>
<igx-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
[coercionMethods]= cMethods
valueMemberPath="value!ValueCoercion">
</igx-line-series>
</igx-data-chart><-- position: content member-->
cMethods: any = {
ValueCoercion: function(value:number): number {return value+2;}
} get coercionMethods(): any
Returns any
set coercionMethods(v: any): void Parameters
- v:
any
Returns void
consolidatedItemHitTestBehavior
Section titled "consolidatedItemHitTestBehavior"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Determines the item returned in hit-testing when the pointer is over an object which represents several consolidated items.
The ConsolidatedItemHitTestBehavior property is used to determines returned item in hit-testing when the pointer is over an object which represents several consolidated items.
get consolidatedItemHitTestBehavior(): ConsolidatedItemHitTestBehavior
Returns ConsolidatedItemHitTestBehavior
set consolidatedItemHitTestBehavior(v: ConsolidatedItemHitTestBehavior): void Parameters
Returns void
dashArray
Section titled "dashArray"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets a collection of Double values that indicate the pattern of dashes and gaps that is used to outline the current series object.
get dashArray(): number[]
Returns number[]
set dashArray(v: number[]): void Parameters
- v:
number[]
Returns void
dataLegendGroup
Section titled "dataLegendGroup"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets a name used for grouping multiple series in the Data Legend If not set, series will be grouped by series family, e.g. Category, Range, Financial, Scatter
get dataLegendGroup(): string
Returns string
set dataLegendGroup(v: string): void Parameters
- v:
string
Returns void
dataLegendKey
Section titled "dataLegendKey"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets unique key used to identify the series in data legend
get dataLegendKey(): string
Returns string
dataSource
Section titled "dataSource"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get dataSource(): any
Returns any
set dataSource(value: any): void Parameters
- value:
any
Returns void
discreteLegendItemTemplate
Section titled "discreteLegendItemTemplate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the DiscreteLegendItemTemplate property. The legend item control content is created according to the DiscreteLegendItemTemplate on-demand by the series object itself.
get discreteLegendItemTemplate(): IgDataTemplate
Returns IgDataTemplate
set discreteLegendItemTemplate(v: IgDataTemplate): void Parameters
- v:
IgDataTemplate
Returns void
effectiveIsMarkerCircular
Section titled "effectiveIsMarkerCircular"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the markers for the current series are in circular shape
get effectiveIsMarkerCircular(): boolean
Returns boolean
expectFunctions
Section titled "expectFunctions"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
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.
expectFunctions is used to decide whether the series should expect that its data source members need to be called as functions to get their values.
<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-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
expectFunctions=true
valueMemberPath="MyFunction">
</igx-line-series>
</igx-data-chart>this.series.expectFunctions=true; get expectFunctions(): boolean
Returns boolean
set expectFunctions(v: boolean): void Parameters
- v:
boolean
Returns void
finalValue
Section titled "finalValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
The final value of this series.
get finalValue(): number
Returns number
set finalValue(v: number): void Parameters
- v:
number
Returns void
focusBrush
Section titled "focusBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the Focus brush to use for the series.
get focusBrush(): string
Returns string
set focusBrush(v: string): void Parameters
- v:
string
Returns void
hasMarkers
Section titled "hasMarkers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Returns whether the current series supports visual markers.
HasMarkers property is overriden, it returns whether the current series supports visual markers. You can use it like this:
let gotMarkers: boolean = this.series.hasMarkers; get hasMarkers(): boolean
Returns boolean
hasOnlyMarkers
Section titled "hasOnlyMarkers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series has only marker as visuals
get hasOnlyMarkers(): boolean
Returns boolean
hasValueAxis
Section titled "hasValueAxis"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows an area shape.
get hasValueAxis(): boolean
Returns boolean
hasVisibleMarkers
Section titled "hasVisibleMarkers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Returns whether the current series has a visible marker style.
get hasVisibleMarkers(): boolean
Returns boolean
highlightedDataSource
Section titled "highlightedDataSource"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get highlightedDataSource(): any
Returns any
set highlightedDataSource(value: any): void Parameters
- value:
any
Returns void
highlightedLegendItemVisibility
Section titled "highlightedLegendItemVisibility"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the highlighted values layer should have a legend item.
get highlightedLegendItemVisibility(): Visibility
Returns Visibility
set highlightedLegendItemVisibility(v: Visibility): void Parameters
- v:
Visibility
Returns void
highlightedTitleSuffix
Section titled "highlightedTitleSuffix"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the HighlightedTitleSuffix property.
get highlightedTitleSuffix(): string
Returns string
set highlightedTitleSuffix(v: string): void Parameters
- v:
string
Returns void
highlightedValueMemberPath
Section titled "highlightedValueMemberPath"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the value mapping property for the current series object.
get highlightedValueMemberPath(): string
Returns string
set highlightedValueMemberPath(v: string): void Parameters
- v:
string
Returns void
highlightedValuesDataLegendGroup
Section titled "highlightedValuesDataLegendGroup"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets a name used for grouping highlighted series in the Data Legend If not set, series will default to parent series' DataLegendGroup, e.g. Category, Range, Financial, Scatter
get highlightedValuesDataLegendGroup(): string
Returns string
set highlightedValuesDataLegendGroup(v: string): void Parameters
- v:
string
Returns void
highlightedValuesDisplayMode
Section titled "highlightedValuesDisplayMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
get highlightedValuesDisplayMode(): SeriesHighlightedValuesDisplayMode
Returns SeriesHighlightedValuesDisplayMode
set highlightedValuesDisplayMode(v: SeriesHighlightedValuesDisplayMode): void Parameters
- v:
SeriesHighlightedValuesDisplayMode
Returns void
highlightedValuesExtraPropertyOverlays
Section titled "highlightedValuesExtraPropertyOverlays"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the current extra layers for the series.
get highlightedValuesExtraPropertyOverlays(): IgxSeriesLayerPropertyOverlayCollection set highlightedValuesExtraPropertyOverlays(v: IgxSeriesLayerPropertyOverlayCollection): void Parameters
Returns void
highlightedValuesFadeOpacity
Section titled "highlightedValuesFadeOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the target opacity to fade to for fade style HighlightedValues.
get highlightedValuesFadeOpacity(): number
Returns number
set highlightedValuesFadeOpacity(v: number): void Parameters
- v:
number
Returns void
highlightingFadeOpacity
Section titled "highlightingFadeOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the target opacity to fade to for fade style highlighting.
get highlightingFadeOpacity(): number
Returns number
set highlightingFadeOpacity(v: number): void Parameters
- v:
number
Returns void
hitTestMode
Section titled "hitTestMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Method of hit testing to use when pointing to items in this series.
The HitTestMode can be set to either:
Auto: automatically decide the appropriate hit test mode for the series.ColorEncoded: use a color encoded off screen buffer for hit testing. Should always be O(1) time for determining a hit series. This increases frame render time and memory usage, however. Consider using this if hit testing time is degrading performance.Computational: use a computational based approach to determine whether the series has been hit. This uses loose bounding boxes, in some cases, and can range in time complexity between O(1) and O(log n) to find a hit. This decreases frame render time compared to color encoded
this.series.hitTestMode = SeriesHitTestMode.Computational; get hitTestMode(): SeriesHitTestMode
Returns SeriesHitTestMode
index
Section titled "index"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the Index property.
get index(): number
Returns number
set index(v: number): void Parameters
- v:
number
Returns void
isActualLegendFinancial
Section titled "isActualLegendFinancial"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the ActualLegend is FinancialLegend or normal Legend.
get isActualLegendFinancial(): boolean
Returns boolean
set isActualLegendFinancial(v: boolean): void Parameters
- v:
boolean
Returns void
isAnnotationCalloutLayer
Section titled "isAnnotationCalloutLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is an callout annotation layer.
get isAnnotationCalloutLayer(): boolean
Returns boolean
isAnnotationCrosshairLayer
Section titled "isAnnotationCrosshairLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is an crosshair annotation layer.
get isAnnotationCrosshairLayer(): boolean
Returns boolean
isAnnotationDataLayer
Section titled "isAnnotationDataLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is a data annotation layer that support binding to data source DataAnnotationShapeLayer, DataAnnotationSliceLayer, DataAnnotationStripLayer
get isAnnotationDataLayer(): boolean
Returns boolean
isAnnotationFinalValue
Section titled "isAnnotationFinalValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is final value annotation layer.
get isAnnotationFinalValue(): boolean
Returns boolean
isAnnotationHoverLayer
Section titled "isAnnotationHoverLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is an annotation layer displayed only when hovering over the chart. Crosshair Layer, Category Highlight Layer, Category Tooltip Layer, Item Tooltip Layer
get isAnnotationHoverLayer(): boolean
Returns boolean
isAnnotationLayer
Section titled "isAnnotationLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is an annotation layer.
let isAnnotationLayer: boolean = this.series.isAnnotationLayer; get isAnnotationLayer(): boolean
Returns boolean
isAnnotationValueLayer
Section titled "isAnnotationValueLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is a value annotation layer.
get isAnnotationValueLayer(): boolean
Returns boolean
isArea
Section titled "isArea"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows an area shape.
get isArea(): boolean
Returns boolean
isAreaOrLine
Section titled "isAreaOrLine"Gets whether the current series shows an area or line shape.
Gets whether the Series shows an area or a line shape.
let isAreaOrLine: boolean = series.isAreaOrLine; get isAreaOrLine(): boolean
Returns boolean
isBar
Section titled "isBar"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a horizontal column shape.
get isBar(): boolean
Returns boolean
isCategory
Section titled "isCategory"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether or not this series is Category series
get isCategory(): boolean
Returns boolean
isColoredItemwise
Section titled "isColoredItemwise"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get isColoredItemwise(): boolean
Returns boolean
isColumn
Section titled "isColumn"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a column shape.
get isColumn(): boolean
Returns boolean
isComponentHighlightingModeIgnored
Section titled "isComponentHighlightingModeIgnored"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the component level highlight mode is ignored.
get isComponentHighlightingModeIgnored(): boolean
Returns boolean
set isComponentHighlightingModeIgnored(v: boolean): void Parameters
- v:
boolean
Returns void
isCustomCategoryMarkerStyleAllowed
Section titled "isCustomCategoryMarkerStyleAllowed"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether this category series should allow custom style overrides of its individual marker visuals.
get isCustomCategoryMarkerStyleAllowed(): boolean
Returns boolean
set isCustomCategoryMarkerStyleAllowed(v: boolean): void Parameters
- v:
boolean
Returns void
isCustomCategoryStyleAllowed
Section titled "isCustomCategoryStyleAllowed"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether this category series should allow custom style overrides of its individual visuals.
get isCustomCategoryStyleAllowed(): boolean
Returns boolean
set isCustomCategoryStyleAllowed(v: boolean): void Parameters
- v:
boolean
Returns void
isCustomMarkerCircular
Section titled "isCustomMarkerCircular"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the marker for the current series object should be treated as circular.
get isCustomMarkerCircular(): boolean
Returns boolean
set isCustomMarkerCircular(v: boolean): void Parameters
- v:
boolean
Returns void
isDefaultCrosshairBehaviorDisabled
Section titled "isDefaultCrosshairBehaviorDisabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the default crosshair behavior should be disabled if this series is present.
IsDefaultCrosshairBehaviorDisabled defaults to true for annotation layers. When not using annotaion layers, you can show crosshairs by setting the chart's CrosshairVisibility to true.
let isDefaultCrosshairBehaviorDisabled: boolean = this.series.isDefaultCrosshairBehaviorDisabled; get isDefaultCrosshairBehaviorDisabled(): boolean
Returns boolean
isDefaultTooltipBehaviorDisabled
Section titled "isDefaultTooltipBehaviorDisabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the default tooltip behavior should be disabled if this series is present.
let isDefaultTooltipBehaviorDisabled: boolean = this.series.isDefaultTooltipBehaviorDisabled; get isDefaultTooltipBehaviorDisabled(): boolean
Returns boolean
isDefaultToolTipSelected
Section titled "isDefaultToolTipSelected"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets if the default tooltip has been selected for display.
To use the default tooltip set ShowDefaultTooltip to true.
let isDefaultToolTipSelected: boolean = this.series.isDefaultToolTipSelected; get isDefaultToolTipSelected(): boolean
Returns boolean
set isDefaultToolTipSelected(v: boolean): void Parameters
- v:
boolean
Returns void
isDropShadowEnabled
Section titled "isDropShadowEnabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether drop shadow should be enabled for this series.
IsDropShadowEnabled is used to decide whether drop shadow should be enabled for this series.
<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-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isDropShadowEnabled=true>
</igx-line-series>
</igx-data-chart>this.series.isDropShadowEnabled = true; get isDropShadowEnabled(): boolean
Returns boolean
set isDropShadowEnabled(v: boolean): void Parameters
- v:
boolean
Returns void
isFinancial
Section titled "isFinancial"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a financial type series.
let isFinancial: boolean = this.series.isFinancial; get isFinancial(): boolean
Returns boolean
isFinancialIndicator
Section titled "isFinancialIndicator"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is financial indicator
get isFinancialIndicator(): boolean
Returns boolean
isFinancialOverlay
Section titled "isFinancialOverlay"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is financial overlay
get isFinancialOverlay(): boolean
Returns boolean
isFinancialSeries
Section titled "isFinancialSeries"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series has financial OHLC/candlestick visuals
get isFinancialSeries(): boolean
Returns boolean
isFinancialWaterfall
Section titled "isFinancialWaterfall"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is financial waterfall
get isFinancialWaterfall(): boolean
Returns boolean
isFragment
Section titled "isFragment"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a stack fragment.
let isFragment: boolean = this.series.isFragment; get isFragment(): boolean
Returns boolean
isGeographic
Section titled "isGeographic"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a geographic series.
let isGeographic: boolean = this.series.isGeographic; get isGeographic(): boolean
Returns boolean
isHighlightingEnabled
Section titled "isHighlightingEnabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether highlighting should be enabled for this series, if this type of series supports highlighting.
<igx-data-chart #chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isHighlightEnabled="true">
</igx-column-series>
</igx-data-chart>this.series.isHighlightingEnabled = true; get isHighlightingEnabled(): boolean
Returns boolean
set isHighlightingEnabled(v: boolean): void Parameters
- v:
boolean
Returns void
isHighlightOverlay
Section titled "isHighlightOverlay"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is a highlight overlay.
get isHighlightOverlay(): boolean
Returns boolean
isIndexed
Section titled "isIndexed"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets if the series uses an index, which can be used to auto-assign it a color.
let isIndexed: boolean = this.series.isIndexed; get isIndexed(): boolean
Returns boolean
isLayer
Section titled "isLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get isLayer(): boolean
Returns boolean
isLineContour
Section titled "isLineContour"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a line contour shape.
get isLineContour(): boolean
Returns boolean
isLineOnly
Section titled "isLineOnly"Gets whether the current series shows only line shapes.
get isLineOnly(): boolean
Returns boolean
isMarkerlessDisplayPreferred
Section titled "isMarkerlessDisplayPreferred"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Overridden by derived series classes to indicate when markerless display is preferred or not.
get isMarkerlessDisplayPreferred(): boolean
Returns boolean
isNegativeColorSupported
Section titled "isNegativeColorSupported"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Overridden by derived series classes to indicate when negative colors are supported or not.
get isNegativeColorSupported(): boolean
Returns boolean
isPie
Section titled "isPie"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a pie shape.
get isPie(): boolean
Returns boolean
isPixel
Section titled "isPixel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows pixels.
get isPixel(): boolean
Returns boolean
isPolar
Section titled "isPolar"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a polar type series.
let isPolar: boolean = this.series.isPolar; get isPolar(): boolean
Returns boolean
isPolygon
Section titled "isPolygon"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a polygon shape.
get isPolygon(): boolean
Returns boolean
isPolyline
Section titled "isPolyline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a polyline shape.
get isPolyline(): boolean
Returns boolean
isRadial
Section titled "isRadial"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a radial type series.
let isRadial: boolean = this.series.isRadial; get isRadial(): boolean
Returns boolean
isRange
Section titled "isRange"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a range type series.
let isRange: boolean = this.series.isRange; get isRange(): boolean
Returns boolean
isScatter
Section titled "isScatter"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a scatter type series.
let isScatter: boolean = this.series.isScatter; get isScatter(): boolean
Returns boolean
isShape
Section titled "isShape"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a shape type series.
get isShape(): boolean
Returns boolean
isShapeControl
Section titled "isShapeControl"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows interactive shape controls.
get isShapeControl(): boolean
Returns boolean
isSpline
Section titled "isSpline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a spline shape.
get isSpline(): boolean
Returns boolean
isStacked
Section titled "isStacked"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is a stacked type series.
let isStacked: boolean = this.series.isStacked; get isStacked(): boolean
Returns boolean
isStep
Section titled "isStep"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows step shapes.
get isStep(): boolean
Returns boolean
isSummarizationSupported
Section titled "isSummarizationSupported"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series supports summarization in Data Legend and Data Tooltip.
get isSummarizationSupported(): boolean
Returns boolean
isTile
Section titled "isTile"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a tile imagery.
get isTile(): boolean
Returns boolean
isToolTipLayer
Section titled "isToolTipLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is an annotation layer.
get isToolTipLayer(): boolean
Returns boolean
isTransitionInEnabled
Section titled "isTransitionInEnabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the series should transition into the plot area when a new data source is assigned. Note: Transitions are not currently supported for stacked series.
Set IsTransitionInEnabled to true if you want your chart series to animate into position when the chart is loading into view.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isTransitionInEnabled="true">
</igx-column-series>
</igx-data-chart>let series = new IgxColumnSeriesComponent();
series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath="value";
series.isTransitionInEnabled="true";
this.chart.series.add(series); get isTransitionInEnabled(): boolean
Returns boolean
set isTransitionInEnabled(v: boolean): void Parameters
- v:
boolean
Returns void
isUsableInLegend
Section titled "isUsableInLegend"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets if the series should appear in any legends.
let isUsableInLegend: boolean = this.series.isUsableInLegend; get isUsableInLegend(): boolean
Returns boolean
isUserAnnotationLayer
Section titled "isUserAnnotationLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is final value annotation layer.
get isUserAnnotationLayer(): boolean
Returns boolean
isUserAnnotationToolTipLayer
Section titled "isUserAnnotationToolTipLayer"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is final user annotation tooltip layer.
get isUserAnnotationToolTipLayer(): boolean
Returns boolean
isValueAxisInverted
Section titled "isValueAxisInverted"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows an area shape.
get isValueAxisInverted(): boolean
Returns boolean
isValueOverlay
Section titled "isValueOverlay"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the series is a value overlay.
get isValueOverlay(): boolean
Returns boolean
isVertical
Section titled "isVertical"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series is oriented vertically.
let isVertical: boolean = this.series.isVertical; get isVertical(): boolean
Returns boolean
isWaterfall
Section titled "isWaterfall"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets whether the current series shows a waterfall column shape.
get isWaterfall(): boolean
Returns boolean
layers
Section titled "layers"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the current extra layers for the series.
get layers(): IgxSeriesLayerCollection
Returns IgxSeriesLayerCollection
legend
Section titled "legend"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the legend used for the current series.
get legend(): any
Returns any
set legend(v: any): void Parameters
- v:
any
Returns void
legendItemBadgeMode
Section titled "legendItemBadgeMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the mode of legend badge representing the current series in a legend. This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
get legendItemBadgeMode(): LegendItemBadgeMode
Returns LegendItemBadgeMode
set legendItemBadgeMode(v: LegendItemBadgeMode): void Parameters
- v:
LegendItemBadgeMode
Returns void
legendItemBadgeShape
Section titled "legendItemBadgeShape"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the type of legend badge representing the current series in a legend. This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
get legendItemBadgeShape(): LegendItemBadgeShape
Returns LegendItemBadgeShape
set legendItemBadgeShape(v: LegendItemBadgeShape): void Parameters
- v:
LegendItemBadgeShape
Returns void
legendItemBadgeTemplate
Section titled "legendItemBadgeTemplate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the LegendItemBadgeTemplate property. The legend item badge is created according to the LegendItemBadgeTemplate on-demand by the series object itself.
get legendItemBadgeTemplate(): IgDataTemplate
Returns IgDataTemplate
set legendItemBadgeTemplate(v: IgDataTemplate): void Parameters
- v:
IgDataTemplate
Returns void
legendItemTemplate
Section titled "legendItemTemplate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the LegendItemTemplate property. The legend item control content is created according to the LegendItemTemplate on-demand by the series object itself.
get legendItemTemplate(): IgDataTemplate
Returns IgDataTemplate
set legendItemTemplate(v: IgDataTemplate): void Parameters
- v:
IgDataTemplate
Returns void
legendItemVisibility
Section titled "legendItemVisibility"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether or not the current series will have a legend item displayed in a legend.
The LegendItemVisibilty can be used to exclude only certain Series from the Legend.
get legendItemVisibility(): Visibility
Returns Visibility
set legendItemVisibility(v: Visibility): void Parameters
- v:
Visibility
Returns void
lineCap
Section titled "lineCap"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the style of the starting point of any lines or polylines representing this series. Not every series type has a line at which it would be appropriate to display a start cap, so this property does not affect every series type. LineSeries, for example, is affected by StartCap, but ColumnSeries is not.
get lineCap(): PenLineCap
Returns PenLineCap
set lineCap(v: PenLineCap): void Parameters
- v:
PenLineCap
Returns void
lineJoin
Section titled "lineJoin"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the brush that specifies current series object's line join style.
get lineJoin(): PenLineJoin
Returns PenLineJoin
set lineJoin(v: PenLineJoin): void Parameters
- v:
PenLineJoin
Returns void
markerBrush
Section titled "markerBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the brush that specifies how the current series object's marker interiors are painted.
MarkerBrush property gets or sets the brush that specifies how the current series object's marker interiors are painted. You can use it like this:
<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-column-series
#series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerBrush = "blue">
</igx-column-series>
</igx-data-chart>this.series.markerBrush = "red"; get markerBrush(): string
Returns string
set markerBrush(v: string): void Parameters
- v:
string
Returns void
markerCollisionAvoidance
Section titled "markerCollisionAvoidance"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
The desired behavior for markers in this series which are placed too close together for the current view, resulting in a collision.
The MarkerCollisionAvoidance property controls the technique the chart uses to avoid overlapping markers.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerType="circle"
markerCollisionAvoidance= "fade"
>
</igx-column-series>
</igx-data-chart> get markerCollisionAvoidance(): CategorySeriesMarkerCollisionAvoidance set markerCollisionAvoidance(v: CategorySeriesMarkerCollisionAvoidance): void Parameters
Returns void
markerFillMode
Section titled "markerFillMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the marker fill is based on the marker outline of the series rather than the marker brushes collection.
get markerFillMode(): MarkerFillMode
Returns MarkerFillMode
markerFillOpacity
Section titled "markerFillOpacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the opacity applied to the fill of the markers. This property only applies to series that have area visual.
get markerFillOpacity(): number
Returns number
set markerFillOpacity(v: number): void Parameters
- v:
number
Returns void
markerOutline
Section titled "markerOutline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the brush that specifies how the current series object's marker outlines are painted.
MarkerOutline property gets or sets the brush that specifies how the current series object's marker outlines are painted. You can use it like this:
<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-column-series
#series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerOutline = "blue">
</igx-column-series>
</igx-data-chart>this.series.markerOutline = "red"; get markerOutline(): string
Returns string
set markerOutline(v: string): void Parameters
- v:
string
Returns void
markerOutlineMode
Section titled "markerOutlineMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the marker outline is based on the marker brush of the series rather than the marker outlines collection.
get markerOutlineMode(): MarkerOutlineMode
Returns MarkerOutlineMode
markerSize
Section titled "markerSize"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the size in device-independent pixels (dp) of the data point markers. Set to NaN to use the template's default size.
get markerSize(): number
Returns number
set markerSize(v: number): void Parameters
- v:
number
Returns void
markerTemplate
Section titled "markerTemplate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the MarkerTemplate for the current series object.
MarkerTemplate property gets or sets the MarkerTemplate for the current series object. For example, you can use it like this:
<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-column-series
#series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerTemplate="circleMarkerTemplate">
</igx-column-series>
</igx-data-chart> get markerTemplate(): IgDataTemplate
Returns IgDataTemplate
set markerTemplate(v: IgDataTemplate): void Parameters
- v:
IgDataTemplate
Returns void
markerThickness
Section titled "markerThickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets thickness of the marker outline
get markerThickness(): number
Returns number
set markerThickness(v: number): void Parameters
- v:
number
Returns void
markerType
Section titled "markerType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the marker type for the current series object. This property is ignored when the MarkerTemplate property is set
MarkerType property gets or sets the marker type for the current series object. For example, you can set it like this:
<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-column-series
#series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerType = "circle">
</igx-column-series>
</igx-data-chart>this.series.markerType = "circle"; get markerType(): MarkerType
Returns MarkerType
mouseOverEnabled
Section titled "mouseOverEnabled"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the whether the chart reacts to mouse move events.
get mouseOverEnabled(): boolean
Returns boolean
set mouseOverEnabled(v: boolean): void Parameters
- v:
boolean
Returns void
Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get name(): string
Returns string
set name(value: string): void Parameters
- value:
string
Returns void
opacity
Section titled "opacity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get opacity(): number
Returns number
set opacity(v: number): void Parameters
- v:
number
Returns void
outline
Section titled "outline"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the brush to use for the outline of the series. Some series types, such as LineSeries, do not display outlines. Therefore, this property does not affect some charts.
The Outline along with the Brush and NegativeBrush can be used to affect the visuals of the Series.
<igx-data-chart #chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
<igx-area-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
outline="red">
</igx-area-series>
</igx-data-chart>this.series.brush = "red"; get outline(): string
Returns string
set outline(v: string): void Parameters
- v:
string
Returns void
outlineMode
Section titled "outlineMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the outline mode to use for the series.
get outlineMode(): SeriesOutlineMode
Returns SeriesOutlineMode
percentChange
Section titled "percentChange"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
The percent change from the beginning to the end of this series.
get percentChange(): number
Returns number
set percentChange(v: number): void Parameters
- v:
number
Returns void
renderRequested
Section titled "renderRequested"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
This event is raised every time a render has been requested from a series.
get renderRequested(): EventEmitter<object>
Returns EventEmitter<object>
resolution
Section titled "resolution"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the current series object's rendering resolution.
Setting the Resolution on a Series to a higher value can help with performance, but it will lower the graphical fidelity of the line. As such, it can be increased up until the fidelity is unacceptable.
<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-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
resolution=1.5>
</igx-line-series>
</igx-data-chart>this.series.resolution = 1.5; get resolution(): number
Returns number
set resolution(v: number): void Parameters
- v:
number
Returns void
safeActualBrush
Section titled "safeActualBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
get safeActualBrush(): string
Returns string
set safeActualBrush(v: string): void Parameters
- v:
string
Returns void
selectionBrush
Section titled "selectionBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the selection brush to use for the series.
get selectionBrush(): string
Returns string
set selectionBrush(v: string): void Parameters
- v:
string
Returns void
selectionThickness
Section titled "selectionThickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the width of the current series object's line thickness when the series is selected.
get selectionThickness(): number
Returns number
set selectionThickness(v: number): void Parameters
- v:
number
Returns void
seriesInternal
Section titled "seriesInternal"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get seriesInternal(): any
Returns any
shadowBlur
Section titled "shadowBlur"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the shadow blur. This property is ignored when Series.UseSingleShadow is set to true.
ShadowBlur can be set in conjection with IsDropShadowEnabled to further define the drop shadow effect.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isDropShadowEnabled="true"
shadowBlur="7"
shadowColor="blue">
</igx-column-series>
</igx-data-chart>this.series.shadowBlur = 7; get shadowBlur(): number
Returns number
set shadowBlur(v: number): void Parameters
- v:
number
Returns void
shadowColor
Section titled "shadowColor"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the drop shadow color.
ShadowColor can be set in conjection with IsDropShadowEnabled to further define the drop shadow effect.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isDropShadowEnabled="true"
shadowBlur="7"
shadowColor="blue">
</igx-column-series>
</igx-data-chart>this.series.shadowColor = "blue"; get shadowColor(): string
Returns string
set shadowColor(v: string): void Parameters
- v:
string
Returns void
shadowOffsetX
Section titled "shadowOffsetX"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the drop shadow x-offset.
ShadowOffsetX can be set in conjection with IsDropShadowEnabled to further define the drop shadow effect.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isDropShadowEnabled="true"
shadowOffsetX="10"
shadowOffsetY="10">
</igx-column-series>
</igx-data-chart>this.series.shadowOffsetX = 10; get shadowOffsetX(): number
Returns number
set shadowOffsetX(v: number): void Parameters
- v:
number
Returns void
shadowOffsetY
Section titled "shadowOffsetY"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the drop shadow y-offset.
ShadowOffsetY can be set in conjection with IsDropShadowEnabled to further define the drop shadow effect.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isDropShadowEnabled="true"
shadowOffsetX="10"
shadowOffsetY="10">
</igx-column-series>
</igx-data-chart>this.series.shadowOffsetY = 10; get shadowOffsetY(): number
Returns number
set shadowOffsetY(v: number): void Parameters
- v:
number
Returns void
shouldAnimateOnDataSourceSwap
Section titled "shouldAnimateOnDataSourceSwap"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
get shouldAnimateOnDataSourceSwap(): boolean
Returns boolean
set shouldAnimateOnDataSourceSwap(v: boolean): void Parameters
- v:
boolean
Returns void
shouldHideAutoCallouts
Section titled "shouldHideAutoCallouts"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether this series should suppress it's auto callouts
get shouldHideAutoCallouts(): boolean
Returns boolean
set shouldHideAutoCallouts(v: boolean): void Parameters
- v:
boolean
Returns void
shouldRemoveHighlightedDataOnLayerHidden
Section titled "shouldRemoveHighlightedDataOnLayerHidden"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
get shouldRemoveHighlightedDataOnLayerHidden(): boolean
Returns boolean
set shouldRemoveHighlightedDataOnLayerHidden(v: boolean): void Parameters
- v:
boolean
Returns void
shouldShiftOpacityForSafeActualBrush
Section titled "shouldShiftOpacityForSafeActualBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
get shouldShiftOpacityForSafeActualBrush(): boolean
Returns boolean
set shouldShiftOpacityForSafeActualBrush(v: boolean): void Parameters
- v:
boolean
Returns void
showDefaultTooltip
Section titled "showDefaultTooltip"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether default tooltip will be shown.
The default tooltips display all the information relevant to the particular series item (series title, data values, axis values etc.) and are styled to match the series' style. When using default tooltips, you should also set the series Title.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
showDefaultTooltip="true"
title="InStock Items">
</igx-column-series>
</igx-data-chart>this.series.showDefaultTooltip ="true"; get showDefaultTooltip(): boolean
Returns boolean
set showDefaultTooltip(v: boolean): void Parameters
- v:
boolean
Returns void
thickness
Section titled "thickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the width of the current series object's line thickness.
Depending on the Series type, this can be the main brush used, or just the outline. For example, when using a LineSeries it will affect the thickness of the lines drawn, whereas when using a ColumnSeries it will affect the outer border thickness of the columns.
<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-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
thickness=5>
</igx-line-series>
</igx-data-chart>this.series.thickness=5; get thickness(): number
Returns number
set thickness(v: number): void Parameters
- v:
number
Returns void
title
Section titled "title"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the Title property. The legend item control is created according to the Title on-demand by the series object itself.
The Series Title may be used in tooltips and legends.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
showDefaultTooltip="true"
title="InStock Items">
</igx-column-series>
</igx-data-chart>this.series.title = "InStock Items"; get title(): any
Returns any
set title(v: any): void Parameters
- v:
any
Returns void
tooltipContainerTemplate
Section titled "tooltipContainerTemplate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get tooltipContainerTemplate(): TemplateRef<any>
Returns TemplateRef<any>
set tooltipContainerTemplate(value: TemplateRef<any>): void Parameters
- value:
TemplateRef<any>
Returns void
tooltipTemplate
Section titled "tooltipTemplate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get tooltipTemplate(): TemplateRef<any>
Returns TemplateRef<any>
set tooltipTemplate(value: TemplateRef<any>): void Parameters
- value:
TemplateRef<any>
Returns void
transitionDuration
Section titled "transitionDuration"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the duration of the current series' morph.
The TransitionDuration can be used to play animation when data is added or removed from a Series. To play an initial animation see TransitionInDuration.
<igx-data-chart
[dataSource]="data"
animateSeriesWhenAxisRangeChanges=true>
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
transitionInMode="accordionFromBottom"
isTransitionInEnabled=true
transitionInSpeedType="indexScaled"
transitionDuration=500
transitionInDuration=500>
</igx-column-series>
</igx-data-chart>this.series.transitionDuration = 500; get transitionDuration(): number
Returns number
set transitionDuration(v: number): void Parameters
- v:
number
Returns void
transitionEasingFunction
Section titled "transitionEasingFunction"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the easing function used to morph the current series.
The TransitioninDuration and TransitionEasingFunction can be used to play animation when data is added or removed from a Series. To play an initial animation see TransitionInDuration.
this.series.transitionEasingFunction = EasingFunctions.cubicEase; get transitionEasingFunction(): object
Returns object
set transitionEasingFunction(v: object): void Parameters
- v:
object
Returns void
transitionInDuration
Section titled "transitionInDuration"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the duration of the current series' transition in morph.
The TransitionInDuration can be used with IsTransitionInEnabled to cofigure the animation when a new datasource is loaded.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
transitionInMode="accordionFromBottom"
isTransitionInEnabled=true
transitionInSpeedType="indexScaled"
transitionDuration=500
transitionInDuration=500>
</igx-column-series>
</igx-data-chart>this.series.transitionDuration = 500; get transitionInDuration(): number
Returns number
set transitionInDuration(v: number): void Parameters
- v:
number
Returns void
transitionInEasingFunction
Section titled "transitionInEasingFunction"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the EasingFunction used to morph the current series during the initial transition.
The TransitionInEasingFunction can be used with IsTransitionInEnabled to cofigure the animation when a new datasource is loaded.
this.series.transitionInEasingFunction = EasingFunctions.cubicEase; get transitionInEasingFunction(): object
Returns object
set transitionInEasingFunction(v: object): void Parameters
- v:
object
Returns void
transitionInMode
Section titled "transitionInMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the method by which to animate the data into the chart when the chart data source is swapped. Note: Transitions are not currently supported for stacked series.
TransitionInMode controls the direction of the transition-in animation.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isTransitionInEnabled="true"
transitionInMode="accordionfromRight">
</igx-column-series>
</igx-data-chart>let series = new IgxColumnSeriesComponent();
series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath="value";
series.transitionInMode="accordionfromRight";
this.chart.series.add(series);this.columnSeries2.transitionInMode= "accordionfromRight"; get transitionInMode(): CategoryTransitionInMode
Returns CategoryTransitionInMode
transitionInSpeedType
Section titled "transitionInSpeedType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the duration of the current series' transition in morph.
The TransitionInSpeedType can be used with IsTransitionInEnabled to cofigure the animation when a new datasource is loaded.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
transitionInMode="accordionFromBottom"
isTransitionInEnabled=true
transitionInSpeedType="indexScaled"
transitionInDuration=500>
</igx-column-series>
</igx-data-chart>this.series.transitionInSpeedType = TransitionInSpeedType.IndexScaled; get transitionInSpeedType(): TransitionInSpeedType
Returns TransitionInSpeedType
transitionOutCompleted
Section titled "transitionOutCompleted"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Fired when a transition out has completed.
get transitionOutCompleted(): EventEmitter<object>
Returns EventEmitter<object>
transitionOutDuration
Section titled "transitionOutDuration"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the duration of the current series' transition out morph.
get transitionOutDuration(): number
Returns number
set transitionOutDuration(v: number): void Parameters
- v:
number
Returns void
transitionOutEasingFunction
Section titled "transitionOutEasingFunction"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the EasingFunction used to morph the current series during the initial transition.
get transitionOutEasingFunction(): object
Returns object
set transitionOutEasingFunction(v: object): void Parameters
- v:
object
Returns void
transitionOutSpeedType
Section titled "transitionOutSpeedType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the duration of the current series' transition out morph.
get transitionOutSpeedType(): TransitionOutSpeedType
Returns TransitionOutSpeedType
trendLineBrush
Section titled "trendLineBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the brush to use to draw the trend line.
The TrendLineBrush property is used to brush the trend line.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerType="circle"
trendLineBrush= "grey" >
</igx-column-series>
</igx-data-chart>series.trendLineBrush="red"; get trendLineBrush(): string
Returns string
set trendLineBrush(v: string): void Parameters
- v:
string
Returns void
trendLineDashArray
Section titled "trendLineDashArray"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets a collection of double values that indicate the pattern of dashes and gaps that is used to draw the trend line for the current series object.
get trendLineDashArray(): number[]
Returns number[]
set trendLineDashArray(v: number[]): void Parameters
- v:
number[]
Returns void
trendLinePeriod
Section titled "trendLinePeriod"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the trend line period for the current series. The typical, and initial, value for trend line period is 7.
The TrendLinePeriod property is used for trend line period of the current series.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerType="circle"
trendLinePeriod: "7">
</igx-column-series>
</igx-data-chart>series.trendLinePeriod= 7; get trendLinePeriod(): number
Returns number
set trendLinePeriod(v: number): void Parameters
- v:
number
Returns void
trendLineThickness
Section titled "trendLineThickness"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the thickness of the current series object's trend line.
The TrendLineThickness property is used for thickness of the current series object's trend line.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerType="circle"
trendLineThickness= 2 >
</igx-column-series>
</igx-data-chart>series.trendLineThickness= 2; get trendLineThickness(): number
Returns number
set trendLineThickness(v: number): void Parameters
- v:
number
Returns void
trendLineType
Section titled "trendLineType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the trend type for the current series object.
The TrendLineType property is used for the current series object's trend type.'
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerType="circle"
trendLineType="simpleAverage" >
</igx-column-series>
</igx-data-chart>series.trendLineType= "CubicFit"; get trendLineType(): TrendLineType
Returns TrendLineType
set trendLineType(v: TrendLineType): void Parameters
- v:
TrendLineType
Returns void
unknownValuePlotting
Section titled "unknownValuePlotting"Determines how unknown values will be plotted on the chart. Null and Double.NaN are two examples of unknown values.
Determines how unknown values will be plotted for the Series. This can be set to LinearInterpolate to create a continous shape or DontPlot to create breaks in the series.
Null and Double.NaN are two examples of unknown values.
<igx-data-chart #chart
[dataSource]="data">
<igx-category-x-axis
label="label"
#xAxis>
</igx-category-x-axis>
<igx-numeric-y-axis
#yAxis>
</igx-numeric-y-axis>
<igx-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
unknownValuePlotting="LinearInterpolate">
</igx-line-series>
</igx-data-chart>series.unknownValuePlotting = UnknownValuePlotting.LinearInterpolate; get unknownValuePlotting(): UnknownValuePlotting
Returns UnknownValuePlotting
set unknownValuePlotting(v: UnknownValuePlotting): void Parameters
- v:
UnknownValuePlotting
Returns void
useHighMarkerFidelity
Section titled "useHighMarkerFidelity"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Sets or Gets whether to increase marker fidelity for extreme data shapes that have lots of Y variation over short X intervals.
Set UseHighMarkerFidelity when your data has high variation along the y-axis within a short span of this x-axis.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
markerType="circle"
useHighMarkerFidelity="true">
</igx-column-series>
</igx-data-chart>let series = new IgxColumnSeriesComponent();
series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath= "value";
series.useHighMarkerFidelity= "true";
this.chart.series.add(series);this.columnSeries2.useHighMarkerFidelity= "true"; get useHighMarkerFidelity(): boolean
Returns boolean
set useHighMarkerFidelity(v: boolean): void Parameters
- v:
boolean
Returns void
useItemWiseColors
Section titled "useItemWiseColors"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether the series should use individual palette colors for each item.
get useItemWiseColors(): boolean
Returns boolean
set useItemWiseColors(v: boolean): void Parameters
- v:
boolean
Returns void
useSingleShadow
Section titled "useSingleShadow"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets whether drop shadow is applied to the whole series visual or to each of the individual shapes forming the series. When this property is set to true, no Series.ShadowBlur is applied.
<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-line-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value"
isDropShadowEnabled=true
markerType="circle"
useSingleShadow=true>
</igx-line-series>
</igx-data-chart>this.series.useSingleShadow = true; get useSingleShadow(): boolean
Returns boolean
set useSingleShadow(v: boolean): void Parameters
- v:
boolean
Returns void
valueMemberAsLegendLabel
Section titled "valueMemberAsLegendLabel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the label displayed before series value in the Data Legend.
get valueMemberAsLegendLabel(): string
Returns string
set valueMemberAsLegendLabel(v: string): void Parameters
- v:
string
Returns void
valueMemberAsLegendUnit
Section titled "valueMemberAsLegendUnit"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the unit displayed after series value in the Data Legend.
get valueMemberAsLegendUnit(): string
Returns string
set valueMemberAsLegendUnit(v: string): void Parameters
- v:
string
Returns void
valueMemberPath
Section titled "valueMemberPath"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the value mapping property for the current series object.
The ValueMemberPath property is used for the value mapping property of the current series object.
<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-column-series
[xAxis]="xAxis"
[yAxis]="yAxis"
valueMemberPath="value" >
</igx-column-series>
</igx-data-chart> get valueMemberPath(): string
Returns string
set valueMemberPath(v: string): void Parameters
- v:
string
Returns void
visibility
Section titled "visibility"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
get visibility(): Visibility
Returns Visibility
set visibility(v: Visibility): void Parameters
- v:
Visibility
Returns void
visibleRangeMarginBottom
Section titled "visibleRangeMarginBottom"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the bottom margin to use when getting a visible axis range for the series.
get visibleRangeMarginBottom(): number
Returns number
set visibleRangeMarginBottom(v: number): void Parameters
- v:
number
Returns void
visibleRangeMarginLeft
Section titled "visibleRangeMarginLeft"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the left margin to use when getting a visible axis range for the series.
get visibleRangeMarginLeft(): number
Returns number
set visibleRangeMarginLeft(v: number): void Parameters
- v:
number
Returns void
visibleRangeMarginRight
Section titled "visibleRangeMarginRight"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the right margin to use when getting a visible axis range for the series.
get visibleRangeMarginRight(): number
Returns number
set visibleRangeMarginRight(v: number): void Parameters
- v:
number
Returns void
visibleRangeMarginTop
Section titled "visibleRangeMarginTop"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the top margin to use when getting a visible axis range for the series.
get visibleRangeMarginTop(): number
Returns number
set visibleRangeMarginTop(v: number): void Parameters
- v:
number
Returns void
visibleRangeMode
Section titled "visibleRangeMode"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the visible range mode to use.
get visibleRangeMode(): SeriesVisibleRangeMode
Returns SeriesVisibleRangeMode
xAxis
Section titled "xAxis"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the effective x-axis for this series.
Instantiate xAxis
<igx-data-chart
[dataSource]="data" >
<igx-category-x-axis
label="label"
#xAxis
>
</igx-category-x-axis>
<igx-column-series
...
[xAxis]="xAxis"
...
>
</igx-column-series>
</igx-data-chart>let series = new IgxColumnSeriesComponent();
series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath="value";
this.chart.series.add(series); get xAxis(): IgxCategoryAxisBaseComponent
Returns IgxCategoryAxisBaseComponent
yAxis
Section titled "yAxis"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets or sets the effective y-axis for this series.
Instantiate yAxis
<igx-data-chart
[dataSource]="data" >
<igx-numeric-y-axis
minimumValue="0"
#yAxis>
</igx-numeric-y-axis>
<igx-column-series
...
[yAxis]="yAxis"
...
>
</igx-column-series>
</igx-data-chart>let series = new IgxColumnSeriesComponent();
series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath="value";
this.chart.series.add(series); get yAxis(): IgxNumericYAxisComponent
Returns IgxNumericYAxisComponent
Methods
Section titled "Methods"bindAxes
Section titled "bindAxes"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
bindAxes(axes: IgxAxisComponent[]): void Parameters
- axes:
IgxAxisComponent[]
Returns void
bindSeries
Section titled "bindSeries"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
bindSeries(series: IgxSeriesComponent[]): void Parameters
- series:
IgxSeriesComponent[]
Returns void
canUseAsXAxis
Section titled "canUseAsXAxis"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Determine if object can be used as XAxis
canUseAsXAxis(axis: any): boolean Parameters
- axis:
any- The object to check
You can use the
CanUseAsXAxismethod to determine if object can be used as XAxisvar x = this.financialSeries.CanUseAsXAxis(this.xAxis);
Returns boolean
canUseAsYAxis
Section titled "canUseAsYAxis"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Determine if object can be used as YAxis
canUseAsYAxis(axis: any): boolean Parameters
- axis:
any- The object to check
You can use the
CanUseAsYAxismethod to determine if object can be used as YAxisN/A
Returns boolean
findByName
Section titled "findByName"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
findByName(name: string): any Parameters
- name:
string
Returns any
fromWorldPosition
Section titled "fromWorldPosition"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Converts a point from world coordinates to coordinates within the viewport of the series.
fromWorldPosition(world: IgPoint): IgPoint Parameters
- world:
IgPoint- The world position from which to convert.
let pt: IgxPoint = this.series.fromWorldPosition({x:.5,y:.5});
Returns IgPoint
getCategoryWidth
Section titled "getCategoryWidth"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Returns the width of the category grouping this series is in.
You can use the GetCategoryWidth to get the width of the category grouping a series is in.
var x = this.financialSeries.CanUseAsXAxis(this.xAxis);
N/A
getCategoryWidth(): number Returns number
getEffectiveViewport
Section titled "getEffectiveViewport"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the effective viewport, adjusted to account for margins and other factors.
getEffectiveViewport(): IgRect Returns IgRect
getExactItemIndex
Section titled "getExactItemIndex"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
getExactItemIndex(world: IgPoint): number Parameters
- world:
IgPoint- The world position for which to return the index.
Returns number
getItem
Section titled "getItem"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the item that is the best match for the specified world coordinates.
getItem(world: IgPoint): any Parameters
- world:
IgPoint- The world coordinates to use.
The
getItemmethod is used to gets the item that is the best match for the specified world coordinates.let item: number = this.series.getItem({x:.5,y:.5});
Returns any
getItemIndex
Section titled "getItemIndex"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the index of the item based on world coordinates.
getItemIndex(world: IgPoint): number Parameters
- world:
IgPoint- The world coordinates to use.
Returns number
getItemSpan
Section titled "getItemSpan"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
let span: number = this.series.getItemSpan(); getItemSpan(): number Returns number
getItemValue
Section titled "getItemValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getItemValue(item: any, memberPathName: string): any Parameters
- item:
any - memberPathName:
string
Returns any
getMainContentViewport
Section titled "getMainContentViewport"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getMainContentViewport(): IgRect Returns IgRect
getMemberPathValue
Section titled "getMemberPathValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the value of a requested member path from the series.
getMemberPathValue(memberPathName: string): string Parameters
- memberPathName:
string- The property name of a valid member path for the series
Returns string
getNextOrExactIndex
Section titled "getNextOrExactIndex"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getNextOrExactIndex(world: IgPoint, skipUnknowns: boolean): number Parameters
- world:
IgPoint - skipUnknowns:
boolean
Returns number
getOffsetValue
Section titled "getOffsetValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Returns the offset value for this series if grouped on a category axis.
You can use the GetOffsetValue to get the offset value for this series if grouped on a category axis.
var g = series.getOffsetValue();
N/A
getOffsetValue(): number Returns number
getPreviousOrExactIndex
Section titled "getPreviousOrExactIndex"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getPreviousOrExactIndex(world: IgPoint, skipUnknowns: boolean): number Parameters
- world:
IgPoint - skipUnknowns:
boolean
Returns number
getSeriesHighValue
Section titled "getSeriesHighValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesHighValue(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number Parameters
- world:
IgPoint - useInterpolation:
boolean - skipUnknowns:
boolean
Returns number
getSeriesHighValuePosition
Section titled "getSeriesHighValuePosition"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesHighValuePosition(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint Parameters
- world:
IgPoint - useInterpolation:
boolean - skipUnknowns:
boolean
Returns IgPoint
getSeriesLowValue
Section titled "getSeriesLowValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesLowValue(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number Parameters
- world:
IgPoint - useInterpolation:
boolean - skipUnknowns:
boolean
Returns number
getSeriesLowValuePosition
Section titled "getSeriesLowValuePosition"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesLowValuePosition(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint Parameters
- world:
IgPoint - useInterpolation:
boolean - skipUnknowns:
boolean
Returns IgPoint
getSeriesValue
Section titled "getSeriesValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesValue(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number Parameters
- world:
IgPoint - useInterpolation:
boolean - skipUnknowns:
boolean
Returns number
getSeriesValueBoundingBox
Section titled "getSeriesValueBoundingBox"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
getSeriesValueBoundingBox(world: IgPoint): IgRect Parameters
- world:
IgPoint- The world coordinate for which to get a value bounding box for
let box: IgxRect = this.series.getSeriesValueBoundingBox({x:.8,y:.8});
Returns IgRect
getSeriesValueFromSeriesPixel
Section titled "getSeriesValueFromSeriesPixel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesValueFromSeriesPixel(mouse: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number Parameters
- mouse:
IgPoint - useInterpolation:
boolean - skipUnknowns:
boolean
Returns number
getSeriesValueMarkerBoundingBox
Section titled "getSeriesValueMarkerBoundingBox"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
getSeriesValueMarkerBoundingBox(world: IgPoint): IgRect Parameters
- world:
IgPoint- The world coordinates for which to get a value marker bounding box for
You can use the
GetCategoryWidthto get the width of the category grouping a series is in.var x = financialSeries.GetSeriesValueMarkerBoundingBox(new IgxPoint());N/A
Returns IgRect
getSeriesValuePosition
Section titled "getSeriesValuePosition"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesValuePosition(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint Parameters
- world:
IgPoint - useInterpolation:
boolean - skipUnknowns:
boolean
Returns IgPoint
getSeriesValuePositionFromSeriesPixel
Section titled "getSeriesValuePositionFromSeriesPixel"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesValuePositionFromSeriesPixel(mouse: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint Parameters
- mouse:
IgPoint - useInterpolation:
boolean - skipUnknowns:
boolean
Returns IgPoint
getSeriesValueType
Section titled "getSeriesValueType"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets a numeric value from the numeric axis associated with this series that matches the desired value mode.
getSeriesValueType(mode: string | ValueLayerValueMode): number[] Parameters
- mode:
string | ValueLayerValueMode- The type of value desired from the series numeric axis.
Returns number[]
getSeriesValueTypePosition
Section titled "getSeriesValueTypePosition"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets position of series value for specified layer value mode
getSeriesValueTypePosition(mode: string | ValueLayerValueMode): IgPoint Parameters
- mode:
string | ValueLayerValueMode
Returns IgPoint
getSeriesValueTypePositionFromValue
Section titled "getSeriesValueTypePositionFromValue"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
getSeriesValueTypePositionFromValue(values: number[]): IgPoint Parameters
- values:
number[]
Returns IgPoint
getUnscaledPosition
Section titled "getUnscaledPosition"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets an unscaled position in terms of axis values from a viewport position.
getUnscaledPosition(pos: IgPoint): IgPoint Parameters
- pos:
IgPoint- The viewport relative position
Returns IgPoint
hideToolTips
Section titled "hideToolTips"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Hides any internal tooltips presented by the series, if any.
hideToolTips(): void Returns void
hideToolTipsImmediate
Section titled "hideToolTipsImmediate"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Hides any internal tooltips presented by the series, if any.
hideToolTipsImmediate(): void Returns void
moveCursorPoint
Section titled "moveCursorPoint"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Moves the cursor point to the provided world position. Some series may react to the current cursor position.
moveCursorPoint(point: IgPoint): void Parameters
- point:
IgPoint- The cursor point, in world coordinates.
MoveCursorPointcan be used on annotation layers to programitically show the annotation at the given point.this.crosshair.moveCursorPoint({x:.5,y:.5});
Returns void
ngOnInit
Section titled "ngOnInit"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
ngOnInit(): void Returns void
notifyIndexedPropertiesChanged
Section titled "notifyIndexedPropertiesChanged"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Called to notify about changes to indexed-based properties, e.g. Brushes, Outlines, MarkerBrushes, MarkerOutlines and refresh series
notifyIndexedPropertiesChanged(): void Returns void
notifyVisualPropertiesChanged
Section titled "notifyVisualPropertiesChanged"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Notifies the series that a visual property has changed, requiring a visual update.
notifyVisualPropertiesChanged(): void Returns void
playTransitionIn
Section titled "playTransitionIn"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Plays the assigned transition out animation, if any.
playTransitionIn(): void Returns void
playTransitionOut
Section titled "playTransitionOut"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Plays the assigned transition out animation, if any.
playTransitionOut(): void Returns void
playTransitionOutAndRemove
Section titled "playTransitionOutAndRemove"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Plays the assigned transition out animation, if any.
playTransitionOutAndRemove(): void Returns void
provideData
Section titled "provideData"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
provideData(data: any[]): void Parameters
- data:
any[]
Returns void
provideHighlightedData
Section titled "provideHighlightedData"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
provideHighlightedData(data: any[]): void Parameters
- data:
any[]
Returns void
removeAllAlternateViews
Section titled "removeAllAlternateViews"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Removes all alternate views of this series.
removeAllAlternateViews(): void Returns void
removeAlternateView
Section titled "removeAlternateView"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Removes an alternate view of this series.
removeAlternateView(viewIdentifier: string): void Parameters
- viewIdentifier:
string- The string identifier for the view to remove.
Returns void
removeAxes
Section titled "removeAxes"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Call to null out the axes of the series;
removeAxes(): void Returns void
renderSeries
Section titled "renderSeries"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Renders the series.
renderSeries(animate: boolean): void Parameters
- animate:
boolean- True if the change should be animated.
this.series.renderSeries(true);
Returns void
replayTransitionIn
Section titled "replayTransitionIn"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Replays the assigned transition in animation, if any.
this.series.replayTransitionIn(); replayTransitionIn(): void Returns void
resolveTooltipBrush
Section titled "resolveTooltipBrush"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Gets the brush for tooltip labels.
resolveTooltipBrush(): string Returns string
scrollIntoView
Section titled "scrollIntoView"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Scrolls the series to display the item for the specified data item. The series is scrolled by the minimum amount required to place the specified data item within the central 80% of the visible axis.
scrollIntoView(item: any): boolean Parameters
- item:
any- The data item (item) to scroll to.
The
ScrollIntoViewmethod is used to notifies the target axis or series that it should scroll the requested data item into view.this.series.scrollIntoView(dataItem);
Returns boolean
setNegativeColors
Section titled "setNegativeColors"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
setNegativeColors(negativeBrush: string, negativeOutline: string): void Parameters
- negativeBrush:
string - negativeOutline:
string
Returns void
simulateHover
Section titled "simulateHover"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Simulates a pointer hover over the series surface.
simulateHover(point: IgPoint): void Parameters
- point:
IgPoint- The pointer position relative to the series viewport over which to hover.
When tooltips are enabled,
SimulateHovercan be used to automatically display the tooltip over a particular series item.this.series.simulateHover({x:250,y:250});
Returns void
styleUpdated
Section titled "styleUpdated"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Called when this series' Style is updated.
styleUpdated(): void Returns void
toWorldPosition
Section titled "toWorldPosition"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Converts a point from coordinates within the series plot area to a world position within axis space.
toWorldPosition(seriesPoint: IgPoint): IgPoint Parameters
- seriesPoint:
IgPoint- The pixel location within the plot area of the series.
this.series.toWorldPosition({x:500,y:500});
Returns IgPoint
toWorldRect
Section titled "toWorldRect"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
Converts a rect from coordinates within the series plot area to a world position within axis space.
toWorldRect(rect: IgRect): IgRect Parameters
- rect:
IgRect- The pixel rect within the plot area of the series.
Returns IgRect
_createFromInternal
Section titled "_createFromInternal"Inherited from: IgxHorizontalAnchoredCategorySeriesComponent
_createFromInternal(internal: any): IgxSeriesComponent Parameters
- internal:
any
Returns IgxSeriesComponent
register
Section titled "register"register(): void