echarts制作省份地图

<!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数据:

posted @ 2021-12-14 11:13 红炉一点雪cck 阅读(293) 评论(0) 收藏举报

刷新页面返回顶部