Web Components Step Chart
The Ignite UI for Web Components Step Chart belongs to a group of category charts that render as a collection of points connected by continuous vertical and horizontal lines. Values are represented on the y-axis and categories are displayed on the x-axis. Step Chart emphasizes the amount of change over a period of time or compares multiple items.
Web Components Step Area Chart
You can create Web Components Step Area Chart in the
IgcCategoryChartComponent control by setting
chartType property to StepArea enum, as shown in the example below.
Web Components Step Line Chart
The Web Components Step Line Chart is very similar to Step Area Chart, except that the area below lines are filled in.
You can create Step Line Chart in the
IgcCategoryChartComponent control by binding your data and setting
chartType property to
StepLine value, as shown in the example below.
Web Components Step Chart Styling
If you need Step Charts with more features such as composite other series, you can configure the
brushes, and lines'
outlines properties on the
IgcCategoryChartComponent control as demonstrated below.
You can find more information about related chart types in these topics:
The following table lists API members mentioned in the above sections: