Example of undefined in Angular Chart Component

This sample visualizes the Olympics medal count using a grouped column series. Data labels are used to display the values of data points.

Olympic Medal Trends by Country and YearA Historical Overview of Medal Counts Across NationsUSA Total MedalsUSA Gold MedalsUK Total MedalsUK Gold MedalsChina Total MedalsChina Gold Medals
Description

In this example, you can see how to render and configure the column type charts. Column type charts are used for comparing the frequency, count, total or average of data in different categories. You can group the column series by using groupName property.

Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use column series, we need to inject ColumnSeriesService into the @NgModule.providers section.

More information about the grouped column series can be found in this documentation section.