zoukankan      html  css  js  c++  java
  • 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数据:
  • 相关阅读:
    SESSION与COOKIE的区别
    一位36岁程序员的困惑(转)
    COOKIE&&SESSION
    PHP递归实现层级树状展现数据
    小程序优化
    css层级
    组件封装
    webpack构建流程
    HTTP2.0
    vue中子组件修改父组件传入的值
  • 原文地址:https://www.cnblogs.com/cck1223/p/15686947.html
Copyright © 2011-2022 走看看