Example of undefined in React Chart Component


This React Pyramid Chart visualizes food comparison data by using pyramid series.

More Details...


In this example, you can see how to render and configure a pyramid chart. This chart is shaped like a triangle, with lines dividing it into sections of varying widths. Depending on the Y coordinate, the width indicates a level of hierarchy among other categories. The DataLabel represents individual data and its value.

Tooltips are 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 Pyramid series, we need to inject PyramidSeries module into services.

More information on the pyramid series can be found in this documentation section.