引入echarts.min.js文件,http://echarts.baidu.com/download.html下载地址
引入对应省份的js文件 可以在http://echarts.baidu.com/download-map.html?qq-pf-to=pcqq.c2c生成省份的json格式文件,
然后再将其转化成henan.js文件
var henanJson=下载的json数据:
<!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>
效果如下:
