亿信ABI

一站式数据分析平台

ABI(ALL in one BI)是亿信华辰历经17年匠心打造的国产化BI工具,技术自主可控。它打通从数据接入、到数据建模与处理、再到数据分析与挖掘整个数据应用全链路,可满足企业经营中各类复杂的分析需求,帮助企业实现高效数字化转型。

亿信ABI

一站式数据分析平台

亿信华辰深耕商业智能十多年,
打造一体化的填报、处理、可视化平台。

传统地图不够炫,快来GET实用而强大的html5地图

时间:2019-06-13来源:亿信华辰浏览数:1440

数据地图,你在做关于地理位置的数据分析时常会用到。

亿信BI在数据分析展示方面是首屈一指,内置数十种可视化元素和图形,通过设计与搭配,可衍生出成千上万种可视化效果。亿信BI有强大的地图功能,包括基本地图、GIS地图、热力地图、html5地图、3D地图等,有以下一个体系:

数据地图,亿信BI地图

先来认识一下html5地图,小亿教你如何使用亿信BI的数据地图制作功能,来提升表哥表姐们数据报表的逼格。

html5地图类型介绍
1、html5主干线图

带主干线的地图,用于查看地理位置信息之上定义的关系图。

名称:中国铁路运输线路

创作思维:中国有多少条铁路线路?从A地到B地是否有铁路线路?若是有,我可以乘坐哪条线路?铁路线路主要分布在哪些省份?下面的作品展示了这个创意。

html5主干线图
从上图中我们可以看到中国的部分铁路运输线路,有南北线和东西线组成,图片列举了从北京出发到广州的一条线路(北京-石家庄-郑州-武汉-广州),还可以根据距离选择最佳的乘车方案。

2、html5标点地图

标点和地图的结合,我们以地图为背景,在上面标点。我们将标点展示在一个指定的地理区域内,标点里可以展示数值。

名称:全国各市PM2.5情况统计

创作思维:PM2.5已经成为了人们日常关注的焦点,它可以判断一个城市环境的优劣,PM2.5数值越大表明环境污染越严重,将采集过来的PM2.5数据汇总录入到数据库中,通过地图展现PM2.5数值分布情况,我们可以很清晰的判断哪些城市适合居住。



从上图中可以看出PM2.5数值的大小使用由青到红的颜色排列,数值越大颜色越红,数值越小颜色越青,污染严重(PM2.5>200)的地区分布在北京、河北、山西等地,并以红色闪动的炫光提醒,也可以拖动地图左下方的值域设置组件过滤显示在PM2.5数值区间的地区。

3、html5渲染式地图

渲染地图按区域指标数值大小以不同的颜色渲染来展示和区分,以起到预警的作用。

名称:湖北省各市六月份平均气温分布情况

创作思维:相信很多人都有查看天气预报的习惯,我们接触都是单纯的气温数据,数据越大,温度越高,当引入html5渲染式地图后,我们可以将气温的数值渲染在地图上,当温度越高时,颜色越深,这样可以形成一个很直观的感受。

html5渲染式地图
从上图我们可以看到湖北省各市的气温,使用不同的颜色表示温度,温度越高,颜色越红,随州市六月份的均温最高,拖动地图左下方的域值设置组件显示不同的气温区间的城市。

4、html5流向图

流向图常用来可视化源汇流数据。源地和汇地可以是点,也可以是面。源地和汇地之间的互动数据,常用线段来表达,线的宽度或颜色来表示源地和汇地之间的流向数值,线段上可以使用自定义图片如箭头来表示流向方向。流向地图多应用于区际贸易、交通流向、人口迁移、购物消费行为、通讯信息流动、航空线路等场景。

名称:湖北省毕业生流向图

创作思维:每年毕业季,特想看看毕业生都去了哪里?使用html5流向图后就可以很清楚的将这些信息捕捉到。


从上图可以看到,湖北省的毕业生还是北漂的比较多,既有从本省到各省的流向,鼠标放到流向省份还可以看到具体人数。


通过拖动地图左下方的值域,红黄绿蓝色依次渐变,可以看到对毕业生吸引力很大的城市依旧还是帝都呢。每年到春运的时候,哪些线路人员流动比较大,也可以使用html5流向图来显示。

html5地图制作教程
此处以渲染图为例讲解制作过程,其他类型的制作流程都大同小异。

第一步:添加统计图组件,选择html5地图类型

将柱状图组件以拖拽的方式添加到报表模板中:


双击组件出现统计图设置窗口,选择“统计图类型”后在左侧栏中找到“地图”这一项。选择其中一种类型,点击确定。


第二步:html5地图取数设置

制作分析表,根据地区维度浮动出指标值。


在统计图设置中设置数据源,关联做好的分析表格。




第三步:调整地图配色

为了让地图的效果更好,通常会先选择系统中提供的配色方案,然后再设置标题、微调背景墙壁、边框和填充等的颜色样式。如下图所示,选择需要的配色方案之后,在预览中就能看到地图的配色效果。


接着,可以在高级选项中,设置边框和填充色,其他微调设置就不一一介绍。


第四步:优化其他设置

可以同时使用标点图和渲染图:添加两个系列,分别选择不同的系列类型。


还可以选择地图类型:


最后,这样一张数据渲染地图就做好啦。你学会了吗?


另一种GIS地图,我们下次再约哦~
(部分内容来源网络,如有侵权请联系删除)
立即申请数据分析/数据治理产品免费试用 我要试用
产品功能
效果炫酷

内置近百种炫酷组件和3D特效,只有想不到,没有酷屏做不到

开发周期短

提供丰富二次开发接口,组件更新无需重启,周期短、见效快

响应快速

支持动态局部刷新,秒级响应,操作流畅无卡顿

自由布局

拖拽式自由布局,所见即所得的开发体验

操作便捷

内置丰富组件和模板,酷屏制作像拼图一样简单

动态交互

支持钻取、联动等分析功能,动态剖析数据,助力用户决策

customer

在线咨询