Example of Bubble in Javascript Chart Control


This sample visualizes the Literacy Rate and GDP Growth Rate of world countries by using bubble series in the chart. Tooltip shows the information about the countries.

More Details...


In this example, you can see how to render and configure the bubble type charts.A bubble chart is a type of chart that displays three dimensions of data. Each points is drawn as a bubble, where bubble's size depends on size property. You can use 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 using Chart.Inject(BubbleSeries) method. More information on the bubble series can be found in this documentation section.