BubbleLayerComponent
Represents the Kendo UI BubbleLayer component for Angular. Displays data as bubbles on vector shape layers for bubble maps.
@Component({
selector: 'my-app',
template: `
<kendo-map>
<kendo-map-bubble-layer
[data]="bubbleData"
locationField="location"
valueField="population"
[maxSize]="50"
[minSize]="10">
</kendo-map-bubble-layer>
</kendo-map>
`
})
export class AppComponent {
public bubbleData = [
{ location: [40.7128, -74.0060], population: 8000000 }
];
}
Selector
kendo-map-bubble-layer
Inputs
Name | Type | Default | Description |
---|---|---|---|
data? |
|
Sets the array of data items for this layer. | |
locationField? |
|
Sets the data item field which contains the symbol location. The field should be an array with two numbers — latitude and longitude in decimal degrees. | |
maxSize? |
|
|
Sets the maximum symbol size for bubble layer symbols. |
minSize? |
|
|
Sets the minimum symbol size for bubble layer symbols. Setting a non-zero value will distort the symbol area to value ratio. |
style? |
|
Sets the default style for symbols. | |
symbol? |
|
Sets the symbol to use for bubble layers. | |
valueField? |
|
Sets the value field for the symbols used to determine their relative size. The data item field should be a number. |
Methods
notifyChanges | ||||||
---|---|---|---|---|---|---|
Updates the component fields with the specified values and refreshes the Chart. Use this method when the configuration values cannot be set through the template. ts
| ||||||
|