• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Mode Selection
Theme Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Bubble in ASP.NET Core Chart Control

This ASP.NET Core Bubble Chart example visualizes the literacy rates and GDP growth rates of countries. A tooltip shows more information about the countries.


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 over a point or tap on a point in touch-enabled devices.

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