New to Kendo UI for AngularStart a free 30-day trial

BubbleTooltipComponent

Represents the Kendo UI BubbleTooltip component for Angular.

Configures the Bubble Layer Tooltip.

typescript
@Component({
  selector: 'my-app',
  template: `
    <kendo-map>
      <kendo-map-layer type="bubble" [data]="bubbleData">
        <kendo-map-bubble-layer-tooltip>
          <ng-template kendoMapBubbleTooltipTemplate let-dataItem="dataItem" let-value="value">
            <div>{{ dataItem.name }}: {{ value }}</div>
          </ng-template>
        </kendo-map-bubble-layer-tooltip>
      </kendo-map-layer>
    </kendo-map>
  `
})
export class AppComponent {
  public bubbleData = [{ name: 'Population', value: 50000 }];
}

Selector

kendo-map-bubble-layer-tooltip

Methods

notifyChanges

Updates the component fields with the specified values and refreshes the component.

Use this method when the configuration values cannot be set through the template.

ts
item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article
SelectorMethods
Not finding the help you need?
Contact Support