5分钟实现动态切换，原来迁徙图还可以这么玩！

某航空公司领导想看十一假期间北京、上海、广州、深圳等城市的人流量情况，要求用迁徙图展示，默认以北京为出发地，显示由北京到全国各个城市的人流量情况，点击地图上某个城市，可以动态切换该城市为出发地，显示由该城市到全国各个城市的人流量情况。

接到这个需求是不是很懵？该用什么工具实现呢？出发地的动态切换又该如何实现呢？难道要定制开发？不！小编教你一个强大而且容易上手的可视化分析工具–YonghongBI ,让你5分钟实现这个功能！

一、准备数据

测试数据中，出发地只有设置为三个城市（北京、成都、上海）。

二、编辑报表

1、编辑地图列，出发地和目的地字段。

2、新建地图组件，选择迁徙渲染

3、脚本

加载时脚本，设定参数city的默认值为“北京”

if(isNull(param[“city”]))param[‘city’]=‘北京’

4、增加地图超链接

5、增加过滤器

6、最终效果图如下：

5分钟实现动态切换，原来迁徙图还可以这么玩！相关推荐

二、原生JS实现优酷会员首页动态切换轮播图
内容概览优酷会员首页一.效果图(完整效果参见源码) 二.源码 (一)HTML文档(index.html) (二)CSS文档(index.css) (三)JS文档(index.js) 优酷会员首页 ...
echarts symbol 回调函数_【OpenLayer 实战】实现仿Echarts风格的动态迁徙图/航班图
使用的数据还是来自echarts,模拟了全国各地到湖南重点景区的客流情况. 分析要实现动态迁徙图的效果,主要需解决两个问题曲线的绘制.因为给出的数据只有起点和终点两个点位,所以想要绘制曲线 ...
R语言plotly包可视化线图（line plot）、使用restyle参数自定义设置可视化结果中线条的颜色、使用按钮动态切换线条的颜色(change line color with button)
R语言plotly包可视化线图(line plot).使用restyle参数自定义设置可视化结果中线条的颜色.使用按钮动态切换线条的颜色(change line color with button i ...
OpenLayers加载不同类类型的天地图(矢量图、影像图、地形图)并实现动态切换效果
前言 OpenLayers开发库如何实现加载不同类类型的天地图(矢量图.影像图.地形图)并实现动态切换效果,如下图所示. 一.涉及技术及数据开发库:OpenLayers 6.Jquery 地图源:天 ...
vue 中实现动态切换背景图
1. 场景点击单选按钮动态切换背景图片 2. 代码 2.1 html 部分 <div :style="bgStyle"> </div> <a-rad ...
android开发动态图ae,AE教程：1分钟做出一个可爱鬼畜动图！
AE教程:1分钟做出一个可爱鬼畜动图! 4月 15, 2019 发表于: 视觉设计. 评论 Sponsor 在忙碌工作的同时,时不时也需要学习下新技能,今日刚学会一个小技巧,让我们可以快速做出一个鬼畜 ...
SpringBoot+AOP实现多数据源动态切换
SpringBoot+AOP实现多数据源动态切换背景设计总体思路步骤背景系统后端需要访问多个数据库,现有的数据库连接配置写入配置文件中.后端需要从一个数据库的配置表里动态的读取其它mysql ...
HQChart小程序教程3-新版2D单画布如何切换K线图和分时图
HQChart小程序教程3-新版2D单画布如何切换K线图和分时图 K线图和分时图图形切换流程图代码讲解 K线周期切换创建K线图步骤配色修改禁止hqchart缓存绘制 HQChart代码地址 ...
python画人口迁徙图_echarts 手把手教你画迁徙图（城市内部级别+百度地图支持）2...
最近要做一个上海的迁徙图,搜到的都是 echarts 和mapv一样,有自己的API说明和demo 形式上非常相近,而且看起来功能比mapv更加完善. 另外是滴滴的一个蝌蚪迁徙图,看起来是真实轨迹的模 ...

5分钟实现动态切换，原来迁徙图还可以这么玩！

5分钟实现动态切换，原来迁徙图还可以这么玩！相关推荐

最新文章

热门文章