echarts绘制四川地图

Echarts是百度开源的一个基于JavaScript的数据可视化库，支持常见的各种图表和地图的展示。在Echarts中，可以很方便地绘制中国各省市地图，包括四川地图。以下是绘制四川地图的步骤：
1. 引入echarts库和china.js文件

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.1/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.1/map/js/china.js"></script>

2. 准备一个div元素作为地图的容器

<div id="chart" style="width: 800px;height: 600px;"></div>

3. 初始化echarts，并设置option参数

var myChart = echarts.init(document.getElementById('chart'));
var option = {
    tooltip: {
        trigger: 'item',
        formatter: '{b}<br/>{c} (件)'
    },
    visualMap: {
        min: 0,
        max: 1000,
        left: 'left',
        top: 'bottom',
        text: ['高', '低'],
        calculable: true
    },
    series: [{
        name: '数据名称',
        type: 'map',
        mapType: '四川',
        roam: false,
        label: {
            normal: {
                show: true
            },
            emphasis: {
                show: true
            }
        },
        data: [{
            name: '成都市',
            value: 500
        }, {
            name: '自贡市',
            value: 200
        }]
    }]
};
myChart.setOption(option);

以上代码中，option参数中设置了提示框、视觉映射、系列等相关参数。其中，mapType设置为四川，表示绘制四川地图；data数组中的每个元素表示对应省份的数据，name为省份名称，value为对应数据值。
4. 调用setOption方法，绘制地图

myChart.setOption(option);

通过以上四个步骤，就可以在页面上绘制一个简单的四川地图了。