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相关推荐

  1. Python 实现动态解析阿里云DNS记录

    一.背景 最近有一个需求,公司内网的IP地址会发生变化,导致阿里云域名不能解析到新的IP地址,此时我们需要对阿里云的域名进行更新 二.实现 2.1 获取本地出口的公网IP 2.1.1 通过命令或网页 ...

  2. Vue数据可视化组件库,类阿里DataV,提供SVG的边框及装饰,图表,飞线图等组件,简单易用,持续更新...

    由于阿里DataV收费,接口维护略有麻烦,同时也基于兴趣和学习,自己从依赖到组件独立开发了一个组件库,从效果上跟阿里的DataV很像. 主要的组件类型 SVG的边框,主要用于提升页面效果,一个边框组件 ...

  3. 阿里RocketMq试用记录+简单的Spring集成

    CSDN学院招募微信小程序讲师啦      程序猿全指南,让[移动开发]更简单!        [观点]移动原生App开发 PK HTML 5开发     云端应用征文大赛,秀绝招,赢无人机! 阿里R ...

  4. 阿里DataV 2016双十一媒体大屏回顾技术分享

    今年在多个部门共同努力下,阿里集团在2015水立方双十一媒体中心立起了一块宽21米,高10米的LED大屏.DataV 数据可视化小组有幸在这么大一块画布上尽兴创作,并且在这个项目中小组第一次尝试使用了 ...

  5. 使用脚本更新阿里云DNS记录

    公司没有自己的固定公网IP地址,之前采用花生壳DDNS解析进行域名访问.但是花生壳DDNS需要花钱,免费版的使用效果并不是很好,导致DDNS解析老是失败,而且域名不是很好记.后来再阿里云上购买了域名, ...

  6. 阿里datav自定义组件 管道插件

    阿里的datav是近两年阿里推出的一款市局大屏应用,主要是用于1920*1080以上的大屏幕数据展示的,小屏幕报表的还有个QuickBI. 网络上还有网易和帆软之类的有类似的产品. datav 网易有 ...

  7. 阿里云视频点播-记录

    1.开通视频点播 开通服务 点击立即开通 找到存储管理 启用存储地址 视频加密要设置转码并将其设置为默认 修改模板-点击编辑 上传视频测试 此时已经有了默认存储地址和默认转码 配置域名加速[域名已备案 ...

  8. 阿里再破记录!代表中国企业首次在这项国际比赛中摘得银牌!

    2月9日在洛杉矶举行的第11届网络搜索与数据挖掘国际会议(WSDM 2018)上,公布了今年的WSDM Cup竞赛成绩,来自阿里巴巴的AliOS团队凭借优秀的算法能力,摘得榜眼. 这是该赛事举办11届 ...

  9. 阿里p7自己记录整理的一线互联网公司面试(阿里、网易、字节)

    都说程序员工资高.待遇好, 2022 金九银十到了,你的小目标是 30K.40K,还是 16薪的 20K?作为一名 Java 开发工程师,当能力可以满足公司业务需求时,拿到超预期的 Offer 并不算 ...

  10. docker 阿里云使用记录

    Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从 Apache2.0 协议开源. Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级.可移植的容器中,然后发布到任何流行的 ...

最新文章

  1. 分享3个好用到爆的 Python 模块,点赞收藏
  2. 病毒进入体内的48小时
  3. moxy json介绍_MOXy作为您的JAX-RS JSON提供程序–服务器端
  4. ThreadLocal 内存泄漏问题
  5. matlab简介,Matlab简介及各历史版本
  6. su - root 切换失败
  7. 滤波电容值得选取-ESR
  8. 车载FAKRA和HSD连接器
  9. C++编程故障处理——error: assignment of read-only data-member ‘std::pair
  10. 什么是EE(exploration and exploitation)问题
  11. 元胞自动机对传染病模型的模拟
  12. pkg-config的安装:1、运行配置文件进行系统配置 : ./configure时出错
  13. CMake生成多个.so文件
  14. 不说权术,不说潜规则, 说说职场上的小细节
  15. Soot 静态分析框架(七)模块分析
  16. 灰度共生矩阵的MatLab实现
  17. layerui 时间段搜索+后台处理
  18. 单元测试 Junit
  19. 「推荐系统从0到1」服务发现
  20. 2021中国石油大学《计算机原理》期末在线考试题

热门文章

  1. Visual C#程序设计基础pdf
  2. python花瓣长度和花瓣宽度散点图鸢尾花_鸢尾花
  3. CSS强制图像调整大小并保持纵横比
  4. 疯狂打CALL,机器人抢镜时尚大典
  5. python蓝牙模块教程_通过蓝牙将HC05蓝牙模块与python连接时出错
  6. 对数正态分布随机数c语言,在python中从对数正态分布生成随机数
  7. hihoCoder1378 (最大流最小割)
  8. KM3模拟键盘鼠标模块使用说明---2.键盘功能
  9. Android Studio更换背景图片
  10. 前端基础学习之css3-(border-image)实现边框图片自适应填充