// 引入 ECharts 库
import echarts from 'echarts';

// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('yourChartId'));

// 假设你有一些地理数据
var geoData = [
    {name: 'Beijing', value: 100},
    {name: 'Shanghai', value: 80},
    {name: 'Guangzhou', value: 60},
    // 更多数据...
];

// 设置地图的配置项和数据
var option = {
    tooltip: {
        trigger: 'item',
        formatter: '{b}: {c}'
    },
    visualMap: {
        min: 0,
        max: 100,
        text: ['High', 'Low'],
        realtime: false,
        calculable: true,
        inRange: {
            color: ['lightskyblue', 'yellow', 'orangered']
        }
    },
    series: [
        {
            type: 'map',
            map: 'china',  // 使用中国地图
            roam: true,    // 启用鼠标缩放和平移漫游
            data: geoData
        }
    ]
};

// 使用设置好的配置项显示图表
myChart.setOption(option);