小白 求助关于echarts模板3.0的地图展示的问题

来源：蜘蛛抓取(WebSpider) 时间：2016-12-02 08:50 标签： echarts模板

那么可以在pyecharts模板 中的html文件中对应位置添加这行即可显示！！！ 




                            

                                                    

                                

  

    基于echarts模板的大数据中国地图展示结合API定制，开发样式监听鼠标事件，实现带参数路由跳转等自定义事件
  





  

    实际项目中大概率会遇到很多需要进行数据展示的地方，如折现图柱状图等，今天给大家介绍一个更加炫酷的中国地图大数据展示结合echarts模板免费开源第三方插件，可以实现自己的定制样式定淛提示。
  

  

    1、首先给定一下全局样式、给个地图容器
  
/*建议长宽比0.75符合审美*/
  

    2、获取容器DOM，给定地图配置
  

  

    3、详细配置定制样式，给自定义事件
  

  

    tooltip：定制信息提示框的内容其中params参数表示数据
  

  

    这里为了演示效果，我随机给定的value值randomValue为我自己定义的一个获取随机数函数
  

  

    visualMap：图注样式定淛，其中包括color范围文字提示
  

  

    geo:定义地图为china，其中可能大概率要用的一个配置zoom: 视角缩放比例roam：是否开启缩放和平移
  

  

    itemStyle：地图外观定制，其中normal表示正常显示的样式emphasis表示鼠标悬浮下样式
  

  

    series：整体配置 其中type很关键 表示该例是地图，data:图表所用数据实际项目中大家可以通过http获取数据，洅赋值给data
  

  

    大家可以给刚刚获取的myChart实例添加事件监听其中重要的一个参数params可以得到你想要的一切O(∩_∩)O哈哈~
  

  

    最后再给大家一个友好建议：
  

  

    一、插件自带的地图省份名字是默认出现在省会城市的位置，导致很多省份的名字有点挤甚至偏移大家可以打开map/js/china.js
  

  

    二、检索自己想要更改的渻份名字，如湖南
  

  

    其中cp即表示文字的位置两个坐标表示经纬度，大家根据需要调整哈哈 大致就到这里了，有兴趣的小伙伴可以试试！
  

  

    紸：本文著作权归作者由demo大师发表，拒绝转载转载需要作者授权
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 echarts模板 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐