echarts 地图怎么引入两个数据

可以使用 echarts 的多个系列（series）来引入两个数据。例如，可以创建两个系列，一个系列表示人口数量，另一个系列表示 GDP 数量，然后在地图上显示这两个系列的数据。

具体步骤如下：

1. 首先，需要准备好两个数据集，一个表示人口数量，另一个表示 GDP 数量。

2. 然后，在 echarts 中创建一个地图实例，设置好地图的基本属性，如地图的样式、地图的数据等。

3. 接着，创建两个系列，分别表示人口数量和 GDP 数量。在每个系列中设置好对应的数据，并设置好系列的样式，如颜色、线条宽度等。

4. 最后，将这两个系列添加到地图实例中，并调用 echarts 的渲染方法（`chart.render()`）即可在页面上显示这两个数据集的地图。

下面是一个示例代码，其中使用了中国地图作为示例：

// 准备数据
var populationData = [
    { name: '北京', value: 2154 },
    { name: '上海', value: 2424 },
    { name: '广东', value: 11346 },
    // ... 其他省份的数据
];

var gdpData = [
    { name: '北京', value: 30320 },
    { name: '上海', value: 32680 },
    { name: '广东', value: 10597 },
    // ... 其他省份的数据
];

// 创建地图实例
var chart = echarts.init(document.getElementById('myChart'));

// 设置地图的基本属性
chart.setOption({
    title: {
        text: '中国地图'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{b}<br/>{c}'
    },
    visualMap: {
        min: 0,
        max: 50000,
        left: 'left',
        top: 'bottom',
        text: ['高', '低'], // 文本，默认为数值文本
        calculable: true
    },
    series: []
});

// 创建人口数量系列
var populationSeries = {
    name: '人口数量',
    type: 'map',
    mapType: 'china',
    roam: false,
    label: {
        normal: {
            show: true
        },
        emphasis: {
            show: true
        }
    },
    data: populationData
};

// 设置人口数量系列的样式
populationSeries.itemStyle = {
    normal: {
        borderColor: '#fff',
        borderWidth: 1,
        areaColor: '#BDE4FF'
    },
    emphasis: {
        areaColor: '#FFB300'
    }
};

// 创建 GDP 数量系列
var gdpSeries = {
    name: 'GDP数量',
    type: 'map',
    mapType: 'china',
    roam: false,
    label: {
        normal: {
            show: true
        },
        emphasis: {
            show: true
        }
    },
    data: gdpData
};

// 设置 GDP 数量系列的样式
gdpSeries.itemStyle = {
    normal: {
        borderColor: '#fff',
        borderWidth: 1,
        areaColor: '#FFDAB9'
    },
    emphasis: {
        areaColor: '#FFB300'
    }
};

// 将两个系列添加到地图实例中
chart.setOption({
    series: [populationSeries, gdpSeries]
});

// 渲染地图
chart.render();

在上面的示例代码中，我们创建了两个系列，一个表示人口数量，另一个表示 GDP 数量，并将它们添加到了地图实例中。最终，我们可以在页面上看到这两个数据集的地图。