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:

    Code Sandbox Stackblitz

    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:

    Code Sandbox Stackblitz

    Additional Resources

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

    API Members

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