Angular Composite / Combo Chart

The Ignite UI for Angular Composite Chart, also called a Combo Chart, is visualization that combines different types of chart types in the same plot area. It is very useful when presenting two data series that have a very different scale and might be expressed in different units. The most common example is dollars on one axis and percentage on the other axis.

Angular Composite / Combo Example

The following example demonstrates how to create Composite Chart using IgxColumnSeriesComponent and IgxLineSeriesComponent in the IgxDataChartComponent control.

Additional Resources

• Bar Chart
• Column Chart

• Line Chart
• Stacked Chart

API References

• IgxCategoryXAxisComponent
• IgxColumnSeriesComponent
• IgxLineSeriesComponent
• IgxNumericYAxisComponent
• IgxDataChartComponent