Как посмотреть ряд данных на старших картах?

Question

Здесь я хочу спросить, как я могу посмотреть данные из старших карт?

В этом случае данные в этой серии появляются при первом обращении.

Но когда я обновляю sh данные страница не загружается успешно.

Это код, который я сделал.

Карты. vue

<template>
    <div id="container">
        <highcharts :constructor-type="'mapChart'" :options="mapOptions"></highcharts>
    </div>
</template>

<script>
export default {
    name: 'indonesia',
    props: ["chartData"],
    data () {
        return {
            mapOptions: {
                chart: {
                    map: 'myMapName'
                },
                title: {
                    text: 'Highmaps basic demo'
                },
                subtitle: {
                    text: 'Source map: <a href="http://code.highcharts.com/mapdata/custom/world.js">World, Miller projection, medium resolution</a>'
                },
                mapNavigation: {
                    enabled: true,
                    buttonOptions: {
                        verticalAlign: 'bottom'
                    }
                },

                colorAxis: {
                    min: 0
                },
                credits: {
                    enabled: false
                },

                series: [{
                    data: this.chartData,
                    name: 'Random data',
                    states: {
                        hover: {
                            color: '#BADA55'
                        }
                    },
                    dataLabels: {
                        enabled: true,
                        format: '{point.name}'
                    }
                }]
            }
        }
    }
}
</script>
<style scoped>
#container {
    height: auto !important;
    min-width: 310px;
    max-width: 1200px;
    margin: 0 auto;
}
</style>

index. vue

<tempplate>
    <v-container>
        <v-row>
            <v-col
                sm="12"
                md="6"
                lg="6"
            >
                <maps :chartData="getUserChartByProvince"></maps>
            </v-col>
        </v-row>
    </v-container>
</tempplate>
<script>
    import { mapActions, mapGetters } from 'vuex'
    import moment from 'moment'
    import _ from 'lodash'

    import Maps from '@/views/Maps'

    export default {
        name: 'Dashboard',
        components: {
            Maps,
        },
        data () {
            return {
                loaded: false,
            }
        },
        computed: {
            ...mapGetters('chart', [
                'getUserChartByProvince'
            ]),
            ...mapGetters('location', ['getSelectedCities']),
        },
        created () {
            this.locationSummary()
        },
        methods: {
            ...mapActions('location', ['locationSummary'])
        }
    }
</script>

Если кто-то знает, пожалуйста, объясните, как это должно работать.

Я был бы счастлив, если бы кто-то объяснил это тоже.

Большое спасибо