Web Components Shape Charts

The Ignite UI for Web Components Shape Charts are a group of charts that take array of shapes (array or arrays of X/Y points) and render them as collection of polygons or polylines in Cartesian (x, y) coordinate system. They are often used highlight regions in scientific data or they can be used to plot diagrams, blueprints, or even floor plan of buildings.

Web Components Scatter Polygon Chart

The Web Components Scatter Polygon Chart renders an array or array of arrays of polygons in the Cartesian (x, y) coordinate system using IgcScatterPolygonSeriesComponent in the IgcDataChartComponent control. This chart can be used to filled shapes of plot diagrams, blueprints, or even the floor plan of buildings.

You can create this type of chart in the IgcDataChartComponent control by binding your data to a IgcScatterPolygonSeriesComponent, as shown in the example below:

Web Components Scatter Polyline Chart

The Web Components Scatter Polyline Chart renders an array or array of arrays of polylines in the Cartesian (x, y) coordinate system using IgcScatterPolylineSeriesComponent in the IgcDataChartComponent control. This chart can be used to outlines of plot diagrams, blueprints, or even the floor plan of buildings. Also, it can visualizes complex relationships between a large amount of elements.

You can create this type of chart in the IgcDataChartComponent control by binding your data to a IgcScatterPolylineSeriesComponent, as shown in the example below:

Additional Resources

You can find more information about related chart types in these topics:

• Area Chart
• Line Chart
• Scatter Chart

API References

The following table lists API members mentioned in the above sections:

• IgcDataChartComponent
• IgcScatterPolygonSeriesComponent
• IgcScatterPolylineSeriesComponent
• ItemsSource
• shapeMemberPath
• IgcNumericXAxisComponent
• IgcNumericYAxisComponent
• YAxisName
• XAxisName