阿里datav使用记录1

datav使用记录

前段时间使用了阿里的datav,在此记录一下

1、创建可视化应用

  • 登录DataV控制台。
  • 单击我的可视化 > 新建可视化。
    注:我们一般都使用新建可视化的这种有模板的方式,马良的方式有兴趣的小伙伴可以自己研究下。
  • 在模板内我们可以选择已有的模板也可选择空白模板进行自己设计。
  • 最后点击创建,取一个名字即可
    在这里插入图片描述

2、界面编辑器布局

1:管理工具区
2:画布区
3:图层区
4:组件区
5:发布区
6:配置面板区
- ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191213152717975.png

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写法同理如上。

注:现在先写这么多,后期还会继续更新的。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值