New to KendoReactStart a free 30-day trial

Bubble Map layer
Premium

The bubble map layer displays value proportions over geographic regions.

At each location, the layer will render a circle with an area proportional to the value. The rendered shape can be customized by setting symbol

Binding to Data

The Bubble map layer expects the data to contain two fields:

The following example demonstrates how to create a bubble layer:

Change Theme
Theme
Loading ...

Tooltips

The Map has a built-in tooltip for bubbles. To display the tooltip, define a bubble tooltip renderer.

The available fields in the bubble tooltip renderer context are:

  • dataItem—The original data item used to create the bubble.
  • layerIndex—The index of the bubble layer in the Map.
  • location—The location of the bubble.
  • value—The value of the bubble.

The bubble tooltip is demonstrated in the example below:

Change Theme
Theme
Loading ...
In this article
Binding to DataTooltips
Not finding the help you need?
Contact Support