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写法同理如上。
注:现在先写这么多,后期还会继续更新的。