• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.
Essential Studio
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.


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.