阿里datav使用记录1
datav使用记录
前段时间使用了阿里的datav,在此记录一下
1、创建可视化应用
- 登录DataV控制台。
- 单击我的可视化 > 新建可视化。
注:我们一般都使用新建可视化的这种有模板的方式,马良的方式有兴趣的小伙伴可以自己研究下。 - 在模板内我们可以选择已有的模板也可选择空白模板进行自己设计。
- 最后点击创建,取一个名字即可
2、界面编辑器布局
1:管理工具区
2:画布区
3:图层区
4:组件区
5:发布区
6:配置面板区
3、添加数据源
1、首先设置数据源的方式,一般常用的有静态数据和数据库数据
2、静态数据:就是自己写的固定的一些数据进行展示的
3、数据库:这里需要先进行数据源创建
依次填写数据库信息,数据库信息填写完成后,系统会自动进行测试连接,验证数据库是否能够连通正常。
测试连接成功后,单击确定,完成数据源添加。
新添加的数据源会自动显示在数据源列表中。
4、大屏界面设置
如果有设计图的话,就依据具体图的样例来进行设计,排版,布局;如果没有,就需要自己根据设计文档进行具体的功能考虑,结合场景,确定应该选择何种组件才能比较合理的展示数据,实现功能。现在datav支持的组件有:常规图表、地图、媒体、文字、关系网络、素材、交互、其他和更多组件等,以下我简单的举几个组件的案例来讲讲
1、常规图表
你可以在常规图表中,选择柱状图、折线图、饼图、散点图以及其他类型的图表
基本柱形图
如上图所示,其实组件的全局样式自己多研究研究就行,下面我重点讲下SQL的写法
x: 柱图中每个柱子的类目,即x轴的值。
y:柱图中每个柱子的值,即y轴的值。
s:(可选) 数据系列值
这里的X,Y,S是固定的不可修改的,所以你写SQL语句导入数据的时候,要在写出具体的数据之后,都给它的字段取个别名,例如:
select a as x,b as y from test (其中:a,b是数据库test中的字段名)
2、文字
文字组件中,你可以选择轮播列表、键值表格、通用标题、跑马灯、词云、轮播列表柱状图、数字翻牌器、多行文本、进度条、状态卡片、文字标签和时间器。
轮播列表
简单讲述几点行配置
奇行背景色:列表中奇数行的背景颜色。
偶行背景色:列表中偶数行的背景颜色。
回调字段:作为回调参数的字段,需要取数据中的某个字段序列号:列表中序列号的样式,可单击眼睛图标控制显隐。
背景颜色:序列号的背景颜色。
列宽占比:序列号所在列的宽度,取值为占列表宽度的百分比,取值范围为0到100,单位为%。
半径占比:序列号的半径,取值为占序列号所在列的宽度的百分比,取值范围为0到100,单位为%。
文本样式
字体颜色:序列号文本的颜色。
字号:序列号文本的大小,取值范围为0到50。
字体粗细:序列号文本的字体粗细。自定义列:单击+添加新的标签列,单击垃圾桶图标删除当前标签列。
列字段名:自定义列所对应的字段名,需要与数据中的字段相对应。
列显示名:自定义列所对应的显示名,作为表头的内容显示。
列宽占比:自定义列占列表宽度的百分比,取值范围为0到100,单位为%。
内容类型:自定义列的内容类型,可选:文本、图片。
自动换行:勾选后,自定义列的内容可自动换行。
文本样式
文本对齐:自定义列的文本对齐方式,可选:左对齐、居中对齐、右对齐。
字号:自定义列的文本大小,取值范围为0到200。
字体颜色:自定义列的文本颜色。
字体粗细:自定义列文本的字体粗细。数据
字段任意配置,需要与自定义列 > 列字段名配置项中的字段相对应。若要实现超链接可把字段内容设置为a标签。
sql写法同理如上。
注:现在先写这么多,后期还会继续更新的。
阿里datav使用记录1相关推荐
- Python 实现动态解析阿里云DNS记录
一.背景 最近有一个需求,公司内网的IP地址会发生变化,导致阿里云域名不能解析到新的IP地址,此时我们需要对阿里云的域名进行更新 二.实现 2.1 获取本地出口的公网IP 2.1.1 通过命令或网页 ...
- Vue数据可视化组件库,类阿里DataV,提供SVG的边框及装饰,图表,飞线图等组件,简单易用,持续更新...
由于阿里DataV收费,接口维护略有麻烦,同时也基于兴趣和学习,自己从依赖到组件独立开发了一个组件库,从效果上跟阿里的DataV很像. 主要的组件类型 SVG的边框,主要用于提升页面效果,一个边框组件 ...
- 阿里RocketMq试用记录+简单的Spring集成
CSDN学院招募微信小程序讲师啦 程序猿全指南,让[移动开发]更简单! [观点]移动原生App开发 PK HTML 5开发 云端应用征文大赛,秀绝招,赢无人机! 阿里R ...
- 阿里DataV 2016双十一媒体大屏回顾技术分享
今年在多个部门共同努力下,阿里集团在2015水立方双十一媒体中心立起了一块宽21米,高10米的LED大屏.DataV 数据可视化小组有幸在这么大一块画布上尽兴创作,并且在这个项目中小组第一次尝试使用了 ...
- 使用脚本更新阿里云DNS记录
公司没有自己的固定公网IP地址,之前采用花生壳DDNS解析进行域名访问.但是花生壳DDNS需要花钱,免费版的使用效果并不是很好,导致DDNS解析老是失败,而且域名不是很好记.后来再阿里云上购买了域名, ...
- 阿里datav自定义组件 管道插件
阿里的datav是近两年阿里推出的一款市局大屏应用,主要是用于1920*1080以上的大屏幕数据展示的,小屏幕报表的还有个QuickBI. 网络上还有网易和帆软之类的有类似的产品. datav 网易有 ...
- 阿里云视频点播-记录
1.开通视频点播 开通服务 点击立即开通 找到存储管理 启用存储地址 视频加密要设置转码并将其设置为默认 修改模板-点击编辑 上传视频测试 此时已经有了默认存储地址和默认转码 配置域名加速[域名已备案 ...
- 阿里再破记录!代表中国企业首次在这项国际比赛中摘得银牌!
2月9日在洛杉矶举行的第11届网络搜索与数据挖掘国际会议(WSDM 2018)上,公布了今年的WSDM Cup竞赛成绩,来自阿里巴巴的AliOS团队凭借优秀的算法能力,摘得榜眼. 这是该赛事举办11届 ...
- 阿里p7自己记录整理的一线互联网公司面试(阿里、网易、字节)
都说程序员工资高.待遇好, 2022 金九银十到了,你的小目标是 30K.40K,还是 16薪的 20K?作为一名 Java 开发工程师,当能力可以满足公司业务需求时,拿到超预期的 Offer 并不算 ...
- docker 阿里云使用记录
Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从 Apache2.0 协议开源. Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级.可移植的容器中,然后发布到任何流行的 ...
最新文章
- 分享3个好用到爆的 Python 模块,点赞收藏
- 病毒进入体内的48小时
- moxy json介绍_MOXy作为您的JAX-RS JSON提供程序–服务器端
- ThreadLocal 内存泄漏问题
- matlab简介,Matlab简介及各历史版本
- su - root 切换失败
- 滤波电容值得选取-ESR
- 车载FAKRA和HSD连接器
- C++编程故障处理——error: assignment of read-only data-member ‘std::pair
- 什么是EE(exploration and exploitation)问题
- 元胞自动机对传染病模型的模拟
- pkg-config的安装:1、运行配置文件进行系统配置 : ./configure时出错
- CMake生成多个.so文件
- 不说权术,不说潜规则, 说说职场上的小细节
- Soot 静态分析框架(七)模块分析
- 灰度共生矩阵的MatLab实现
- layerui 时间段搜索+后台处理
- 单元测试 Junit
- 「推荐系统从0到1」服务发现
- 2021中国石油大学《计算机原理》期末在线考试题
热门文章
- Visual C#程序设计基础pdf
- python花瓣长度和花瓣宽度散点图鸢尾花_鸢尾花
- CSS强制图像调整大小并保持纵横比
- 疯狂打CALL,机器人抢镜时尚大典
- python蓝牙模块教程_通过蓝牙将HC05蓝牙模块与python连接时出错
- 对数正态分布随机数c语言,在python中从对数正态分布生成随机数
- hihoCoder1378 (最大流最小割)
- KM3模拟键盘鼠标模块使用说明---2.键盘功能
- Android Studio更换背景图片
- 前端基础学习之css3-(border-image)实现边框图片自适应填充