• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

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
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab