echart 中国地图，点击 显示各省详情

代码效果

准备工作

下载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();
});