• Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • Fabric
  • Fabric Dark
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Bubble in ASP.NET Core 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.

DEMO
SOURCE

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 the size property. You can 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.


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