Angular Shape Charts
The Ignite UI for Angular 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.
Angular Scatter Polygon Chart
The Angular Scatter Polygon Chart renders an array or array of arrays of polygons in the Cartesian (x, y) coordinate system using IgxScatterPolygonSeriesComponent
in the IgxDataChartComponent
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 IgxDataChartComponent
control by binding your data to a IgxScatterPolygonSeriesComponent
, as shown in the example below:
Angular Scatter Polyline Chart
The Angular Scatter Polyline Chart renders an array or array of arrays of polylines in the Cartesian (x, y) coordinate system using IgxScatterPolylineSeriesComponent
in the IgxDataChartComponent
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 IgxDataChartComponent
control by binding your data to a IgxScatterPolylineSeriesComponent
, as shown in the example below:
Additional Resources
You can find more information about related chart types in these topics:
API References
The following table lists API members mentioned in the above sections:
IgxDataChartComponent
IgxScatterPolygonSeriesComponent
IgxScatterPolylineSeriesComponent
ItemsSource
shapeMemberPath
IgxNumericXAxisComponent
IgxNumericYAxisComponent
YAxisName
XAxisName