Example of undefined in Angular Chart Component

This sample visualizes a company’s performance with a default column chart rendered right-to-left (RTL). The values of the data points are displayed in a tooltip, and the legend in the sample displays information about the series.

Company PerformanceSalesExpenseProfit
Description

Right-to-left(RTL) is used to render the component from right to left direction and it can be enabled by setting enableRtl property as true.

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 on the column series can be found in this documentation section.