KGB1st
Posts: 11
Joined: Sun Feb 20, 2022 4:06 am

Troubles with additional mapchart features understanding

Geojson property:

Code: Select all

{id: 1, areaname: 'some_area', admincentr: 'some_center', square: 2700}

Data, joinBy: id

Code: Select all

{id: 1, value: 1, areaname: 'some_area', subsystems: Array(1)}

mapChart builded perfect! As additional I can't understanding with how I can add something.. to area. Like additional bubbles to the specific of areas.

My series looks like this:

Code: Select all

series: [{
    data: apk_data,
    mapData: geojson,
    keys: [
        'id', 
        'value', 
        'areaname', 
        'subsystems',
        'admincentr'
    ],
    joinBy: 'id',
    name: '',
    states: {
        hover: {
            color: '#a4edba'
        }
    },
    dataLabels: {
        enabled: false,
        format: '{point.properties.admincentr}'
    },
}]

The best way would be as in https://highcharts.com/demo/maps/latlon-advanced, but without addition extra data in geojson. If possible..
P.S. This bubbles, in my idea, it's a cities of these areas. But not all areas needs to show the bubbles. Only biggest, by 'value' from data.
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: Troubles with additional mapchart features understanding

Hi,

Thanks for contacting us with your question!

To create bubbles on the map you need to add an extra series 'mapbubble' with some data. The data needs to be joined to your geojson by code/key.

API Reference:
https://api.highcharts.com/highmaps/6.0 ... ble.joinBy

Look at the following demo. You can decide which areas will be shown with bubbles by adding adequate data with the code.

Demo:

https://jsfiddle.net/BlackLabel/f5y3ho4w/

Feel free to ask any further questions,
Regards
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Maps”