代码效果
准备工作
下载china.js
下载echart.min.js
china.js下载地址:
链接:https://pan.baidu.com/s/1tka-EICC4NyOh8hkNpbQhg?pwd=rgn5
提取码:rgn5
实现代码
引入js
初始化节点:
var china_chart = echarts.init(document.getElementById('china_chart'));
自定义选项
tooltip:工具扩展 visualMap:视觉映射组件 geo: 地理坐标系组件 series:坐标配置
设置鼠标悬停时间
设置鼠标点击事件
初始化
创建地图
china_chart.setOption(option); window.onresize = china_chart.resize; window.addEventListener("resize", function () { china_chart.resize(); });