`
zengshaotao
  • 浏览: 786817 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

安徽地图外加南京市

 
阅读更多

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>ECharts Demo For Map</title>

    <!--Step:1 Import a module loader, such as esl.js or require.js-->

    <!--Step:1 引入一个模块加载器,如esl.js或者require.js-->

    <script src="js/esl.js"></script>

</head>

 

<body style="background-color:#232532;">

    <!--Step:2 Prepare a dom for ECharts which (must) has size (width & hight)-->

    <!--Step:2 为ECharts准备一个具备大小(宽高)的Dom-->

    <div id="mapChart" style="width:500px;height:500px;border:solid 1px #ccc;padding:10px;margin:100px auto 10px;"></div>

    <div style="width:1000px;margin:0 auto;"><a href="#" onclick="refresh();return false;" style="color:#fff;">点击刷新</a></div>

    

    <script type="text/javascript">

    // Step:3 conifg ECharts's path, link to echarts.js from current page.

    // Step:3 为模块加载器配置echarts的路径,从当前页面链接到echarts.js,定义所需图表路径

    require.config({

        paths:{ 

            'echarts':'./js/echarts',

            'echarts/chart/map' : './js/echarts-map'

        }

    });

 

    var echarts;

    var mapChart;

    var map;

 

    function init(){

        map = document.getElementById('mapChart');

        require(

            [

                'echarts',

                'echarts/chart/map'

            ],

            requireCallback

        );

    }

 

    function requireCallback(ec){

        echarts = ec;

        mapChart = echarts.init(map);

        refresh();

    }

 

    function refresh(){

        if (mapChart && mapChart.dispose) {

            mapChart.dispose();

        }

        mapChart = echarts.init(map);

        var options = getoptions();

        mapChart.setOption(options,true);

    }

 

    window.onload = init;

 

    function getoptions(){

        options = {

               legend: {

                    orient: 'vertical',

                    x:'left'

                },

title : {

        text : '徽商银行机构风险',

        subtext: '不良贷款率',

        sublink: ''

    },

 

    tooltip : {

        trigger: 'item',

        formatter: '{b}<br/>{c}%'

    },

                dataRange: {

                    min: 0,

                    max: 100,

                    color: ['orangered','yellow','lightskyblue'],

                    textStyle:{

                        color:"#fff"

                    },

                    calculable:true

                }, 

                series : [

                    {

                        type: 'map',

                        mapType: '安徽',

                        itemStyle:{

                            normal:{label:{show:true}},

                            emphasis:{label:{show:true}}

                        },

                        data:[

                {name: '淮北市', value: Math.round(Math.random()*100)},

                {name: '宿州市', value: Math.round(Math.random()*100)},

                {name: '亳州市', value: Math.round(Math.random()*100)},

                {name: '阜阳市', value: Math.round(Math.random()*100)},

                {name: '淮南市', value: Math.round(Math.random()*100)},

                {name: '蚌埠市', value: Math.round(Math.random()*100)},

                {name: '滁州市', value: Math.round(Math.random()*100)},

                {name: '合肥市', value: 40},

                {name: '六安市', value: Math.round(Math.random()*100)},

                {name: '巢湖市', value: Math.round(Math.random()*100)},

                {name: '马鞍山市', value: Math.round(Math.random()*100)},

                {name: '芜湖市', value: Math.round(Math.random()*100)},

                {name: '铜陵市', value: Math.round(Math.random()*100)},

                {name: '安庆市', value: Math.round(Math.random()*100)},

                {name: '宣城市', value: Math.round(Math.random()*100)},

                {name: '池州市', value: Math.round(Math.random()*100)},

                {name: '黄山市', value: Math.round(Math.random()*100)},

                {name: '南京市', value: 85}

            ]

                    }

                ]

        }

        return options;

 

    }

    </script>

</body>

</html>

分享到:
评论

相关推荐

    安徽省南京市DEM数字高程数据30m(含区域范围shp文件).zip

    标题中的“安徽省南京市DEM数字高程数据30m(含区域范围shp文件)”指的是一个地理信息系统(GIS)的数据集,主要包含南京市区及周边地区的高精度地形信息。其中,“DEM”是“Digital Elevation Model”的缩写,即...

    echarts安徽地图 anhui.json

    echarts安徽地图文件 json文件包 主要用于安徽地图的引入

    anhui.js 安徽地图

    安徽地图js文件 。

    安徽省echarts地图资源

    在这个“安徽省echarts地图资源”中,我们可以找到专门针对安徽省的地级市地图数据,这对于我们在中国区域进行数据分析和展示时特别有用。 ECharts地图组件允许开发者将地理信息与数据相结合,生成具有视觉吸引力的...

    安徽省地图arcgis数据美化后mxd文件shp格式2019年

    标题中的“安徽省地图arcgis数据美化后mxd文件shp格式2019年”揭示了这个压缩包的内容是经过GIS处理的、针对2019年的安徽省地图数据。ArcGIS是一款由Esri公司开发的专业地理信息系统软件,用于处理、分析和展示地理...

    2022年echarts安徽省最新16市json地图

    2022年自己调整过使用过的echarts安徽省最新16市json地图,包括合肥市 、黄山市 、芜湖市、马鞍山、安庆市、淮南市、阜阳市、淮北市、铜陵市、亳州市、宣城市、蚌埠市、六安市 、滁州市 、池州市、宿州市。...

    Echarts安徽省地图案例

    在本案例中,我们将探讨如何利用ECharts结合安徽地图的JSON数据,来创建一个详细的安徽省地图案例。 首先,我们要理解ECharts如何处理地图数据。ECharts地图图表依赖于特定的地理JSON数据,这些数据包含了各个行政...

    安徽省地图json数据

    echars实现地图市级 安徽省地图json数据

    安徽地图shp文件

    【安徽地图shp文件】是一种地理信息系统(GIS)中常见的数据格式,用于存储地理空间信息。这个特定的文件集合包含了关于安徽省的详细地理数据,这些数据以矢量形式表示,这意味着它们由点、线和多边形等几何对象组成...

    安徽省地图最新JS

    安徽省地图最新的js,包括枞阳县划给铜陵等地图区域的调整。

    echarts安徽地图anhui.js

    echarts安徽地图js文件

    安徽省省市地图js和json文件

    - **样例使用北京市地图**:这可能意味着提供的示例代码中,地图实例展示的是北京市,但通过修改js文件中的数据源和配置,可以将地图替换为安徽省的各个市。 - **建议用火狐打开**:可能是因为火狐浏览器对某些...

    Echarts安徽省地图案例(最新版)

    在本案例中,使用的是针对安徽省的定制化JSON数据,包含了安徽省各个地级市的边界和坐标信息。这样的JSON文件是ECharts能够将地图图形化的关键,通过解析这些数据,ECharts可以准确地展示安徽省的地理分布。 描述中...

    echarts+安徽省地图+数据显示

    在"echarts+安徽省地图+数据显示"这个项目中,我们利用ECharts3的特性,结合了安徽省的地理信息,创建了一个可以显示安徽各地市数据的地图应用。这种地图可视化能够清晰地展示各个地市的统计数据,如经济指标、人口...

    安徽省地图矢量PPT模板.pptx

    安徽省地图矢量PPT模板.pptx,pptfans网提供安徽省地图矢量PPT模板下载,下载后你可以根据需要,修改不同的配色方案,也可根据不同的地区,填充不同的颜色或描边,以突出该区域。地图模板通用性较广,无论你在毕业

    (安徽省地图)行政区划图高清矢量cdr|pdf(详细版2021年)

    (安徽省地图)行政区划图高清矢量cdr|pdf(详细版2021年),pdf格式可以导入cdr软件ai软件另保存cdr,ai格式,可以编辑内容文字,矢量高清图,尺寸高1.4米宽1米。可以无限放大矢量图。样图:...

    安徽地图anhui.shp

    安徽地图anhui.shp

    echarts 安徽省地图所需的 anhui.js

    echarts 安徽省地图所需的 anhui.js

    安徽09年最新矢量地图(MapInfo格式)

    标题中的“安徽09年最新矢量地图(MapInfo格式)”指的是一个地理信息系统(GIS)数据集,该数据集包含了2009年安徽省的地理信息,以MapInfo特有的矢量格式存储。MapInfo是一种广泛使用的桌面GIS软件,它能够处理、...

    安徽地图js和json文件

    标题中的“安徽地图js和json文件”表明这是一个与地理信息系统(GIS)相关的项目,使用了JavaScript(js)和JSON(JavaScript Object Notation)文件格式来处理安徽地区的地图数据。JavaScript是一种广泛用于网页和...

Global site tag (gtag.js) - Google Analytics