ECharts绘制省市地图

ECharts绘制国内各省市地图时要注意series.map属性值的配置要与对应的js地图文件注册名一致。

如绘制湖北地图引入hubei.js，该文件中注册地图名为‘湖北’而不是‘hubei’；

 

源代码如下：

<template>
    <div class='hubei'>
        <div ref='main' style="width: 600px; height: 400px"></div>
    </div>
</template>

<script>
import echarts from 'echarts'
import 'echarts/map/js/province/hubei.js'

export default {
    mounted () {
        let myChart = echarts.init(this.$refs.main)
        let option = {
            
            series: [
                {
                    type: 'map',
                    map: '湖北' // 此处要跟hubei.js里对应
                }
            ]
        }

        myChart.setOption(option)
    }
}
</script>

<style scoped>

</style>