Example of Bubble in React Chart Component


This React bubble chart example visualizes the literacy rates and GDP growth rates of countries. A tooltip shows more information about the countries.

More Details...


In this example, you can see how to render and configure the bubble chart. The bubble chart is a type of chart that shows three dimensions of the data. Each point is drawn as a bubble, where the bubble's size depends on the Size property. You can also use the Fill property to customize the data appearance.

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 bubble series, we need to inject BubbleSeries module into services.

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