目录

编辑器

编辑器概览

画布编辑器

基础操作

组件坐标和辅助线

组件右击菜单

页面设置

组件设置

样式配置

图层管理

视图的切换

图层位置移动

工具栏

右上角的几个控件按钮

左侧靠左几个控件按钮

左侧靠右控件按钮

列表

搜索控件

地图组件

页面右侧添加并配置可视化子组件

选择子组件标签

添加子组件

删除子组件

设置子组件样式

数据

添加数据源

通过API添加数据源

通过CSV文件添加数据源

添加静态JSON数据


编辑器

可实现页面的整体布局和配色,应用的可视化预览,图表位置的排布

编辑器概览

画布编辑器

基础操作

组件生成

  1. 在左侧图表组件中选择一个组件,组件会自动渲染在画布中心,渲染完成之后即可对该组件进行拖拽,缩放操作

  1. 通过长按图表不放,拖拽至相应位置

  1. 选中多个组件后,单击右侧的配置面板的对齐或者分布图表,可以对多组件进行布局。

组件坐标和辅助线

辅助线

  1. 点击画布上方的参考线坐标可以添加参考线,用于高效调整和对齐画布中的组件(双击可取消)

  1. 在画布左上角,单击辅助线隐藏图标

    ,可隐藏所有辅助线。再次单击显示所有辅助线。

坐标

点击组件,该组件在左上角会显示蓝色辅助线,可以用于定位组件的坐标位置,方便调整组件位置

组件右击菜单

  1. 置顶:将组件层级置顶到最高层
  2. 置地:将组件层级设置到最低
  3. 上移一层:上移一个层级
  4. 下移一层:下一一个层级
  5. 成组:将选中的文件成组
  6. 取消成组:如果选中文件是一组的话,取消成组
  7. 锁定:组件进入锁定状态,不允许编辑
  8. 隐藏:隐藏组件
  9. 重命名
  10. 复制
  11. 删除
  12. 收藏
  13. 导出到蓝图编辑器

页面设置

名称

描述

屏幕大小

设置屏幕的分辨率,单位px

背景颜色

调整可视化应用整体的背景颜色

重置

将页面设置恢复到原始状态

背景图

可以上传背景图片作为整个应用的背景图

页面缩放方式

根据屏幕尺寸,页面缩放的方式。

栅格间距

即最小移动单位,组件边界在移动时会自动吸附到栅格间距的网格边缘上

组件设置

组件设置面板可以对于组件进行样式配置,数据配置和交互配置

样式配置

基础属性

在基础熟悉中可以调整组件的尺寸,位置、旋转角度和不透明度

  • 图表尺寸:包括组件的宽高,单位px。单击

    可以锁定组件宽高比,实现等比例修改组件宽高。

  • 图表位置:图表距离页面边界的距离,包括了横坐标和纵坐标,单位为px。
  • 旋转角度:以组件中心点为旋转中心,进行旋转,单位为度°。
    • 手动输入角度值,控制组件的旋转角度。
    • 拖动

      图标内的黑点,控制组件的旋转角度。

    • 单击

      图标,控制组件左右翻转样式。

    • 单击

      图标,控制组件上下翻转样式。

  • 不透明度:取值范围为0~1。为0时,图表隐藏;为1时,图表全部显示。默认为1

颜色选择器

使用颜色选择器可以设置组件的字体颜色,轴线颜色,网格线颜色,边框颜色等。

  1. 常用色块

常用色块含有系统中自带的常用颜色,可以一键直接选择。

  1. 拾色器

单击拾色器可以

  • 调整颜色的透明度:拖动透明度滑块,或者修改A值,调整颜色透明度
  • 添加或者删除全局的颜色:在颜色选择框中选择需要添加的颜色,单击全局色彩下方的+,可将当前颜色添加为全局颜色;鼠标移至已添加的全局颜色上,单击拖动至全局色彩区域以外,可删除该全局颜色。
  • 选择最近使用的颜色:系统会自动记录用户最近使用的颜色,展示在最近使用模块中。当用户需要使用同样的颜色时,可单击该颜色色块,将其应用到组件上。

复制数据

在数据源编辑框中,单击右下角的

图标,即可复制当前数据编辑框内的所有数据。

全屏编辑数据

在数据源编辑框中,单击右下角的

图标,即可全屏显示当前数据框内的数据,并可以使用全屏模式编辑当前数据。

图层管理

视图的切换

图层列表顶部有视图切换按钮,通过点击不同的按钮切换图层图形视图和文字列表视图

图层位置移动

  1. 单击图层拖动可将组件拖动到任意图层位置

  1. 单击图层栏上方的上移下移,置顶或置底按钮

  1. 右键单击画布中的组件,选择菜单中的置顶,置底,上移一层或下移一层

工具栏

右上角的几个控件按钮

发布

点击后可以得到链接和二维码,通过链接和二维码可以直接访问

发布成功后,发布页内容已锁定,每次编辑后可通过“快照管理”快速同步发布内容

预览

1.分为正常预览和调试预览

2.调式预览

可在调式预览情况下查看日志和报错信息

3.正常预览

可以查看发布后的页面样式

生成快照

通过右侧箭头控制关闭打开快照管理面板

生成快照后可设置是否发布

发布后可在快照管理中管理删除或修改注释

已发布快照和锁定状态下的不可删除且左侧选择栏不可选中

已发布状态下的快照会在时间右侧显示且该状态只可有一个

锁定状态下快照不可覆盖,快照数量最多为3个

资产删除备份

错误监测

帮助

可查看帮助文档、提交工单、社区论坛

左侧靠左几个控件按钮

控制 画布编辑器 蓝图编辑器 图层 资产列表 右侧面板 工具栏 的关闭与打开

左侧靠右控件按钮

数据过滤器

资产升级

美化工具箱

单击“确认应用”后才会应用,否则退出重进后样式就不会保留

1.智能主题

根据系统自带主题色 选择想要的主题颜色

根据上传图片的风格 系统自动匹配颜色主题

2.一键美化

迁移至移动端

单击确认应用后才会应用,否则退出重进后样式就不会保留

列表

搜索控件

“全部资产”工具栏右上角有个搜索控件可以自定义输入需要的组件名称

地图组件

页面右侧添加并配置可视化子组件

选择子组件标签

添加子组件

删除子组件

设置子组件样式

数据

添加数据源

通过API添加数据源

  1. 单击组件,在右侧面板中选择数据,单击配置数据源。

  1. 在设置数据源页面中,选择数据类型API

  1. 在请求方式下拉框中选择一个请求方式,可选GETPOST两种请求方式。

    1. GET:请求常用于取回数据,有长度显示,可缓存
    2. POST:常用于表单提交,数据不会缓存也不会显示在url中。
  1. URL编辑框中填写请求接口URL路径
  2. 单击预览数据源返回结果,可以查看数据源的返回结果样式

通过CSV文件添加数据源

  1. 在我的数据页面中单击添加数据
  2. 从类型列表中选择CSV文件
  3. 上传CSV文件
  4. 单击确定,完成数据源添加

添加静态JSON数据

数据可视化datav使用教程文档1相关推荐

  1. pyecharts本地文件_python数据可视化-pyecharts插件使用文档

    pyecharts是百度开源的可视化插件,可以将设计的可视化图表以html格式保存,配合jupyter可以一键生成动态的html数据分析报告. pyecharts和matplotlib的区别在于,py ...

  2. 阿里云建站教程文档汇总(详细指南)

    阿里云建站零基础入门 选择服务器(推荐阿里云ECS) 购买和备案域名(时间比较长,建议购买完服务器就做这一步) 部署网站 解析域名(将域名和自身网站挂钩) 本篇汇总教程为使用阿里云建站的新用户介绍了搭 ...

  3. Intel技术教程文档【持续更新】

    基于英特尔架构的AI与HPC融合应用实践 [教程地址] OpenVINO工具介绍与PaddleX高性能工业质检方案实践 [教程地址] Intel 边缘计算云开发平台 & 英特尔功能介绍与案例分 ...

  4. 【转】(六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration

    原创至上,移步请戳:(六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration 5.Animation Integration(动画集成) 动画 ...

  5. python读取word指定内容_python解析html提取数据,并生成word文档实例解析

    简介 今天试着用ptyhon做了一个抓取网页内容,并生成word文档的功能,功能很简单,做一下记录以备以后用到. 生成word用到了第三方组件python-docx,所以先进行第三方组件的安装.由于w ...

  6. jquery.cookie 使用文档,$.cookie() 文档教程, js 操作 cookie 教程文档。

    jquery.cookie 使用文档,$.cookie() 文档教程, js 操作 cookie 教程文档. jquery.cookie中的操作: jquery.cookie.js是一个基于jquer ...

  7. atitit.微信支付的教程文档 attilax总结

    atitit.微信支付的教程文档 attilax总结 1. 支付流程概览 1 2. 设置支付起始目录   host/app/paydir/ 1 3. 设置oauth验证域名 1 4. 测试目录 可以使 ...

  8. 【转】(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components

    原创至上,移步请戳:(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components 4.Interaction Components 本节涵盖了处 ...

  9. Requests+Etree+BeautifulSoup+Pandas+Path+Pyinstaller应用 | 获取页面指定区域数据存入html、excel文档

    Requests+Etree+BeautifulSoup+Pandas+Path应用 | 获取页面指定区域数据存入html.excel文档 1 需求来源 2 需求细节 3 设计分析 4 技术栈 5 设 ...

最新文章

  1. springboot过滤器排除掉一些url_理解这9大内置过滤器,才算是精通Shiro
  2. 网格自适应_ANSYS自适应网格分析:2D矩形板的稳态热分析
  3. UVA 11292 The Dragon of 贪心
  4. 用jQuery实现网页卷轴的效果
  5. jenkins搭建_自动化测试系列之jenkins配置搭建环境
  6. core java 8~9(GUI AWT事件处理机制)
  7. Bootstrap 源码版文件结构
  8. Android 应用开发(34)---反编译APK获取代码资源
  9. Steam挂了加速器还是打不开商店?库?黑屏?一招教你解决。
  10. unity如何插入图片_Unity3D教程:导入贴图和模型
  11. 2019 计蒜之道 初赛 第一场 A-商汤的AI伴游小精灵
  12. 计算机考研360能去哪里,计算机专业考研,有什么好的211院校推荐?
  13. Krpano全景图制作教程
  14. OGG-01008 Extract displays Discarding bad record (discard recs=1) when using filter or where clause
  15. 灯塔资产系统(ARL)部署
  16. .考试倒计时44天!来提分啦!
  17. 怎样学习计算机语言?
  18. 数据库 - 连接查询、嵌套查询、集合查询
  19. SpringMVC+Vue实现前后端的志愿者招募网站
  20. 你的第一篇SCI是怎么发的呢?

热门文章

  1. 【JavaScript】悬浮窗口
  2. php修改css文件后缀,css样式表文件的扩展名是什么
  3. Keil5出现Error: Flash Download failed - Could not load file ‘ces \ces.axf‘的解决方法
  4. 必备技能——Excel如何设置打印剧中
  5. 极路由(极壹S)HC5661安装OpenWrt及救砖过程
  6. 四、文件管理(一)文件系统基础
  7. 粗糙集 遗传matlab,一种基于遗传算法和粗糙集的属性约简方法及精神状态评估方法...
  8. 基于安卓和springboot的在线课堂设计
  9. [:-1]和 [::-1]
  10. 如何处理尼古丁戒断症状?