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

Example of Map with Pie chart in ASP.NET Core Maps Control

This sample visualizes the placing of pie charts on the maps. Pie chart is rendered with the age group detais of top 6 largest countries.

DEMO
SOURCE

In this example, you can see how to render the pie chart as marker in map. Any custom HTML elements can be used as a marker.


Injecting Module

Maps component features are segregated into individual feature-wise modules. To use marker template, you need to inject Marker module using Maps.Inject(Marker) method.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE