目录

编辑器

编辑器概览

画布编辑器

基础操作

组件坐标和辅助线

组件右击菜单

页面设置

组件设置

样式配置

图层管理

视图的切换

图层位置移动

工具栏

右上角的几个控件按钮

左侧靠左几个控件按钮

左侧靠右控件按钮

列表

搜索控件

地图组件

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

选择子组件标签

添加子组件

删除子组件

设置子组件样式

数据

添加数据源

通过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