使用 QuickBI 搭建酷炫可视化分析
使用 QuickBI 搭建酷炫可视化分析
随着各行各业大数据的***,BI 类数据分析需求与日俱增,如何让可视化更好的展现数据的价值,是 BI 类产品一直努力的方向。对此国内外的BI产品都有自己的方法,如国外大牌的 PowerBI、Tableau,还有国内的 FineBI、BDP、Quick BI 他们都提供了丰富度可视化能力,但对于新手而言,有了数据之后如何选择合适的图表?如何配置酷炫夺目的图表?多个图表如何组织有故事的报表?亦或是你想了解可视化背后的技术原理,本文将一一为你解答。
图表开发
要使用 Quick BI 做可视化分析,只需要简单的三步(开启试用后方可进入下方链接,点击此处开始试用)
1. 连接数据源,打开 http://bi.aliyun.com/workspace/datasource 轻松配置。目前Quick BI已经支持包括 Mysql/PostgreSQL/SQL Server/Hive 在内的绝大多数数据源类型
2. 新建数据集,打开 http://bi.aliyun.com/workspace/schema 选择数据库中一个表创建数据集,数据集也支持多个表之间雪花模型和星型模型关联
3. 创建仪表板,接下来就可以开始选择需要的图表
首先看一下 Quick BI 图表的种类:
如上图,Quick BI目前共提供十三类三十多种图表,如柱状图包含普通柱图、堆积柱状图、百分比堆积柱图、条形图、堆积条形图、百分比堆积条形图6种,能涵盖 BI 分析中的绝大多数场景。
Quick BI还能轻松构建线柱组合图。如下图,为了分析服装类目利润和访客数及销量关系,利润使用柱状展示有利于突出主次关系。
鼠标hover到图例上能高亮指定数据,适合维度过多情况下单个维度分析。
此外,Quick BI 相对于其它图表,会对大数据量场景做适配,避免文案覆盖或展示不全。如下图,当饼图用例过多时,会对图例自动开启滚动条展示,Tooltip 显示位置优化排布:
此外还有来源去向图,适合分析页面间调整和用户行为路径:
QuickBI 提供这么多图表展示方式,但如何选择合适的图表类型能?这就需要根据数据特征出发,掌握这一技能需要练习和经验,对于新手,你可以参考如下图表选择流程图。
参考至 Andrew Abela 博士的图表建议(http://extremepresentation.typepad.com/blog/2006/09/choosing_a_good.html)
图表实现原理
介绍完图表类型和使用方法,如果你对图表技术原理感兴趣,可以看接下来的图表实现原理分析。
图表框架从上到下共分为4层:
1. 组件层
基于图表展示方式的不同,交互有很大差别,因此将线图、柱图、面积图、条形图、饼图等归位基础图表,他们基于常规的笛卡尔坐标系或极坐标系构建;交叉表、矩阵树图、漏斗图、来源去向图等交互各异,需要针对性优化,归为富交互图表;地图需要基于LBS地理位置数据,目前内置中国省市县地图,可以在不同级别上钻和下钻。最后一类是未来计划上线的3D图表。结合着目前VR/AR设备的兴起,3D图表在视觉效果上有更好的体验,未来计划发力。
2. 图表交互层
静态图表是呆板的,灵活的交互就像让图表说话一样提高数据分析的效率和体验,对于OLAP类数据来说钻取联动跳转是基本交互,这些所有支持类图表可以统一实现。坐标轴Axis、图例、提示框Tooltip在多个图表都支持,封装成通用模块方式提供。对于大数据量而言,这3个通用模块都需要解决小空间下如何展示大量文案的问题,Quick BI 内部基于很多算法来做展示优化,如当坐标轴数量过多时,通过对比坐标轴宽度和文案宽度,自动计算坐标轴文案倾斜夹角,避免文案重叠。对于数据量过大情况,实现自动抽样展示。
3. 数据配置层
数据主要分为两类:『展示数据』和『图表配置数据』。
展示数据是业务中的原始数据,不会因为图表类型的不同而变化。
图表配置数据又分为『用户产生的图表配置』和『图表默认配置』,最终图表展示是以二者合并之后为准。
由于上层图表交互只负责展现,因此需要的数据结构也是为了高效展现,接口提供的数据是为了方便存储,因此二者很多情况下不一致,所以就需要数据转换层做数据格式适配。
这一层是整个数据处理的核心,并不仅仅是转换方法,数据结构的设计同样是关键,需要兼顾到不同图表类型横向和未来扩展纵向的多重考量。
4. 底层依赖
由于可视化图表的多样性,一套框架或绘制方法很难高效满足业务需求,因此底层基于G2、Three.js、Leaflet 三个基础库,这三者有不是现成的图表库,都需要具体实现图表。类似于面粉和面条的关系,这三者相当于不同口味的面粉,最终开发的图表像面条。
G2 是一套基于可视化编码的图形语法,以数据驱动,适用于基础图表;Three.js 是WebGL的封装,提供高效API开发3D图表;Leaflet 适用于开发交互式地图类图表。
总结
以上是 Quick BI 图表的介绍、用法和技术原理。Quick BI 正是凭借阿里巴巴在大数据领域多年的经验,不断打磨出来的一款 BI 产品。希望他能帮你从杂乱的数字转换为酷炫的图表,帮你发掘数据背后的价值。
转载于:https://blog.51cto.com/14152835/2350535
使用 QuickBI 搭建酷炫可视化分析相关推荐
- 使用 QuickBI 搭建酷炫可视化分析
随着各行各业大数据的渗透,BI 类数据分析需求与日俱增,如何让可视化更好的展现数据的价值,是 BI 类产品一直努力的方向.对此国内外的BI产品都有自己的方法,如国外大牌的 PowerBI.Tablea ...
- 掌握这7点,不懂代码也能做出酷炫可视化大屏!
最近在做一个数据可视化大屏项目,从指标设计.视觉设计.可视化动效到大屏硬件.开发工具整个流程,总结了一些经验和观点,想和大家分享. 大屏制作工具 大屏的制作,可以用代码开发或现成的可视化工具来实现. ...
- 整理30份酷炫可视化大屏模板,一个代码不用敲,半天学不会来找我
整理了30张酷炫且使用频率极高的的可视化大屏模板,下载后可直接套用更改数据,涉及地产.制造.物流等10个行业,项目.人资.客户经理.销售等职业.获取方式在文末,可自行获取. 1.年终总结大屏-项目 适 ...
- 如何用最短时间搞定酷炫可视化大屏?这款工具值得一看
要问当前什么BI工具最热门,肯定非PowerBI莫属,堪比BI界的Python.对于我这种用惯了Tableau来说,确实会眼红PowerBI某些特性. 但PowerBI和Tableau都有一个问题:使 ...
- 秀一波酷炫可视化大屏!
开局一张图,社会人小猪佩奇镇楼! 开局两张图,你永远无法想到的效果,竟然是用帆软大屏模板实现的! 开局三张图,带自动播放效果及3D动画特效的数据可视化! 开局五张图,离屏内容交互,业务演示汇报的利器! ...
- 海量优质大屏素材,下载即可实现酷炫可视化效果
做可视化大屏没有酷炫素材,自己开发成本太高!除了站酷,UI中国,大作等,今天给大家推荐一个做数据可视化大屏的素材网站FVD,全部免费开放!(素材获取方式见文末) 在[首页],有3个内容模块: [项目] ...
- docker-compose:搭建酷炫私有云相册photoprism
简介:photoprism由 Go 和 Google TensorFlow 提供支持的个人照片管理工具,是一款用于去中心化网络的人工智能照片应用程序.它利用最新的技术自动标记和查找图片,而不会妨碍您. ...
- 推荐一款制作酷炫可视化大屏工具
从大屏可视化出现以来,一直深受各界企业的追捧,最典型的就是每年淘宝的双十一销售额大屏,最近我也刚接触了一个大屏项目,借此总结了一些可视化大屏制作经验与大家分享. 这种大屏看着高端大气上档次,然而其开发 ...
- vue实现酷炫可视化大屏
vue实现可视化大屏 技术要点 效果图 项目搭建 代码编写 技术要点 vue2 less echarts v-charts flexible 主要采用v-charts+echarts进行实现图表可视化 ...
- 酷炫可视化+强于excel的结合体!超高效的表格工具,不用可惜
报表是使一家公司正常运营的手段,无论是财务人员.管理层.分析师,还是sql取数的大数据开发工程师,或多或少都得关注一下报表的整体情况. 因此,报表的价值肯定是毋容置疑的,提到报表就不得不提一下BI了, ...
最新文章
- Windows下Git的安装和基本使用、搭建Git服务器
- CSS中的类class和标识id选择符(.和#号)
- 华为云 EI 打造城市智能体,共筑数字政府基石
- 安装过mysql和p_MAC下安装与配置MySQL
- 标准模板库(STL)之配接器(Adapter)
- 如何对国内股票的名称进行脱敏(待续)
- eclipse安装教程2020版(解决官网下载的安装包打开无响应的问题)
- .net课堂流水账_20110116
- 360随身wifi+Wireshark 对手机应用抓包
- 2008下搭建easypanel(康乐)虚拟主机控制面板
- 量化交易之股票数据的获取——同花顺软件
- zuk z2 android 8,【2018-12-13】ZUK Z2/Z2Pro ZUI 10 尝鲜 Android 8.1 By YouLinw
- How to debug Windows bugcheck 0x9F, parameter 3
- Bugku CRYPTO No Ciphertext RSA writeup by 树木
- 信用卡不激活到底会怎样?会有哪些负面影响呢?
- 25个带有酷炫动画的创意404错误页面,快给你的网站换上吧(持续更新)
- Spring Catching 实战
- C-means聚类算法实战 — 地表植被分类/数字聚类
- Python基础:进程、线程、协程(2)
- 混合型数据的邻域条件互信息熵属性约简算法
热门文章
- 一个程序说明java中this关键字
- thinkpad重装系统不引导_不重装系统修改引导方式为UEFI模式
- FFmpeg总结(七)AV系列结构体之AVIOContext
- freemarker自动生成html页面,利用Freemarker生成html静态页面_html/css_WEB-ITnose
- 接口自动化测试框架搭建(5、封装get.post请求方法)--python+HTMLTestRunnerCN+request+unittest+mock+db
- 学计算机专业选择设计为类需要艺考,想学设计必须参加艺考吗?设计学类专业,新高考选科怎么选?...
- R语言在图上标出点坐标_利用R语言的leaflet包根据GPS信息在地图上标点
- 提取网页中的href 爬虫_教你一步一步实现当当图书爬虫
- android上对cookie的读写操作,Android上对Cookie的读写操作(附Demo)
- 用keil怎么擦除_环氧树脂结构胶怎么清洗 结构胶弄到衣服上怎么洗掉