SEO
手册
游戏
WEB
字典
单词
在线工具
当前位置:
首页
/
《全球象牙贸易黑幕揭秘》-DataV数据可视化入门教程
《全球象牙贸易黑幕揭秘》-DataV数据可视化入门教程
3、各类综合统计数据
step3: 选取DataV组件,导入数据
首先,进入DataV网页版: https://data.aliyun.com/visual/datav
如果没有购买,赶紧3块钱购买,据说马上要涨价!
如果没有购买,赶紧3块钱购买,据说马上要涨价!
如果没有购买,赶紧3块钱购买,据说马上要涨价!
登陆DataV之后,进入管理控制台,选择“新建”,建立一个新的项目:
进入新建项目之后,发现很多高大上的模版,双11、天猫统统有!不过我们要走个性化路线,果断选择空白模版!
进入新建模版后,各种工具先看一下,左上栏是各类图表组件,右侧面板配置组件数据和外观样式,右上角“分享”按钮可以生成公开分享的网页。
按照step1的计划,要做一个象牙走私路径的可视化,先拖一个“3d平面世界地图”组件进来:
地图组件拖进来后,可以移动、缩放组件,右侧是地图组件设置面板,各种自定义效果。
为了制作象牙走私路线图,需要在地图上添加飞线组件:
添加完成之后,可以看到炫酷的飞线在地图上飞来飞去了,不过地理坐标不是我们想要的,改!
点击右侧面板上飞线组件,进行配置:
这时候,问题来了,我们收集的走私路线数据只有国家的,没有飞线需要的地理坐标,需要转为地理坐标。So,根据每个国家首都或中心点,转为DataV地图组件需要的格式:
转换后的数据贴到飞线组件设置面板中,看看效果如何:
效果完美,清晰展现了象牙非法交易走私路径!只是看着这路线密密麻麻飞向中国有点内疚感啊!总体上是非洲大陆通向亚洲,
卡塔尔、越南、缅甸、马来西亚是犯罪分子的重要中转站!
而我们国家显然是最大的终端消费市场。。。
接下来,把大象的国别保育量数据加上去,组件“柱状图”应该非常合适。和飞线组件一样,要将国别地理数据输入进去,这里的value可以用我们搜集的大象数量数据。把柱状图数据设置好后,看一下初步效果:
观察一下劳动成果,发现象牙走私活动猖獗的国家大象保育量也相对少,是否存在关联?这个留给读者去探索了!
接下来,继续利用其他数据添加组件,先画一个走私案件变动的曲线图。在右侧数据面板修改默认配置,搞完之后,看看效果:
发现历年象牙走私案件居高不下,形势堪忧啊!
然后再利用下象牙走私方式统计数据:
发现海运是犯罪分子的主要走私方式,乌漆麻黑的公海上,罪恶滋生的高发地!
最后,来看点积极的数据,各国捐助非洲大象基金统计:
我们国家捐助金额排名第三,仅次于荷兰、德国。
看看所有组件组合的效果:
现在,所有数据都进入DataV了,剩下的工作就是添加说明文本和图表美化了!
step4: 图表美化
DataV的一大重要优势是各个组件提供了丰富的外观自定义选项,以地图组件为例,每个国家的填充颜色、边线都可以自定义。
以地图组件为例,为了凸显象牙走私犯罪活动猖獗的国家,把这些国家标成红色;需要通过外观、数据两项设置个性化设置地图组件的国别颜色。
外观设置选项:
数据设置选项:
此处需要注意,国家id是3个字母,网上有的国家代码是2个字母,别掉坑里了!推荐@游衍大神为新手用户查找国名id定制的帮助大屏:http://datav.aliyun.com/share/63bc6281b1ef1c6d2366443f10284dae?spm=0.0.0.0.Holvqv
经过一番辛苦调教,看看地图飞线效果!屌爆了有没有!!!
其他组件的外观调整也是如法炮制,比如饼图调色:
看看成果如何:
是不是比原生的更搭配主题了!!
最后,放出大招,献上最终成果!
step5:网上传播分享
辛苦了这么久,毕竟希望有更多人阅读自己的数据可视化作品,DataV的分享功能可以一键生成一个网址,非常方便。
后记
有了DataV这样的神器,野生动物保护这样的公益事业也能从中受益。在此我们发起一个保护野生大象的网络公益传播活动,如果您看到这篇文章,欢迎将这个作品链接分享给其他人,没有买卖,就没有杀害!!!
本作品地址:http://datav.aliyun.com/share/e5535d620483d27e886eb92a6ab541ac?spm=0.0.0.0.STQI91
来源:
与本文相关文章
身怀绝技的开发者们,快来DataV玩转可视化组件
DataV 发布分享 Token 验证
DataWorks 数据服务对接 DataV 案例教程
DataV带你回顾春节前后全国空气质量变化
15 分钟构建超低成本数据大屏: DataV + DLA
DataV基础版如何制作单独省份地图?
[阿里云新品发布. 周刊] 第 12 期: DataV 数据可视化. 专业版全新上线, 轻松搭建专业水准的可视化应用!
DataV中的回调ID是个什么鬼?
暂无,快来抢沙发吧!
更多
提交
验证码:
{uname}
{body}
最佳答案
{$v.body}
{fun date('Y-m-d',$v.time)}