Example of undefined in React Chart Component


This sample visualizes the company performance with default column chart in RTL direction. The values of the data points are displayed in a tooltip, and the legend in the sample displays information about the series.

More Details...


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. In this demo, you can see axis, data points, tooltip and legend are aligned from right to left direction.

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 ColumnSeries module into services.

More information about the numeric axis can be found in this   documentation section.