<!doctype html> <html> <head> <meta charset="utf-8"> <title>echarts图形插件使用</title> </head> <body> <div id="main" style="height:800px;"></div> <script type="text/JavaScript" src="js/echarts.min.js"></script> <script type="text/JavaScript" src="js/henan.js"></script> <script type="text/javascript"> echarts.registerMap('henan', henanJson);//hennanJson名称取自henan.js里的var henanJson变量名 var chart = echarts.init(document.getElementById('main')); chart.setOption({ series: [{ type: 'map', map: 'henan' }] }); </script> </body> </html> //注释: 1、引入echarts.min.js件,http://echarts.baidu.com/download.html下载地址 2、‘引入对应省份的js文件 可以在http://echarts.baidu.com/download-map.html?qq-pf-to=pcqq.c2c生成省份的json格式文件, 3、然后再将生成省份的json格式文件转化成henan.js文件,并声明一个变量=原本json格式文件的json数据 该案例:var henanJson=下载的json数据: