文档

配置项说明

更新时间:

本文对DataV组件面板中的组件配置项进行了概括性说明,帮助您快速了解各组件的通用和非通用的配置项,并参见对应的文档进行配置。

设置面板说明

选择DataV服务中某个数据看板,单击画布中的某一个组件,画布右侧会出现配置项面板。包括样式数据源高级三个标签页。image

  • 配置面板中,您可以配置组件的尺寸定位旋转透明度和其他属性样式。其中尺寸定位旋转透明度适用于所有的组件,配置方法请参见下文的基础属性;而其他属性样式对每个组件来说都是不同的,配置方法请参见本章节中各组件的说明文档。

    说明

    当您在组件样式的配置过程中涉及到颜色相关的配置项时,请参见下文的颜色选择器说明进行配置。

  • 数据源面板中,您可以根据数据类型设置数据源、设置数据映射、切换数据的编辑样式、添加数据过滤器、复制组件数据、查看响应结果示例等,其中切换编辑样式复制数据全屏编辑数据适用于所有的组件,配置方法请参见下文的复制数据全屏编辑数据;配置数据源内容方法请参见本章节中各组件的说明文档。

  • 高级面板中,您可以配置组件之间的交互事件,配置方法请参见本章节中各组件的说明文档。

搜索配置项

通过搜索配置项功能,您可以快速定位到组件的对应配置项,在搜索配置页面直接修改配置样式,也可以复用同类型的配置样式。

  1. 登录DataV控制台

  2. 工作台页面,选择任一数据看板,单击编辑,进入画布编辑器页面。

  3. 单击左侧导航栏的组件库页签,选择任一组件添加至画布中。

  4. 单击右侧配置面板的搜索配置项image

  5. 在搜索配置页面下方的输入框内,输入配置项的名称。输入完成后按Enter键,系统会自动搜索符合条件的配置项内容(支持模糊匹配),并显示在当前搜索页面内。image

  6. 在搜索配置显示配置项的列表中,您还可以修改和复制配置样式、定位跳转到配置项。

    • 单击选中某个配置项修改配置样式。image

      修改完成后的配置会直接应用到数据看板中对应的组件上。

    • 右键单击某个配置,选择复制样式,可复制组件的配置样式;右键单击一个或按住shift键多次单击选中几个同类型的配置项,选择粘贴样式,可将复制的样式应用到配置项中。image

    • 单击某个配置项的目录栏或者右侧的image图标,可跳转定位到该配置项所在配置面板中的具体位置。image

基础属性

基础属性模块中,您可以调整组件的尺寸、定位、旋转角度和透明度。image

  • 尺寸:包括组件的宽度和高度,单位为px。可单击锁定长宽比按键图标锁定组件的宽高比,等比例修改组件的宽高。再次单击进行解锁,解锁后宽高比不受限制。

  • 定位:包括组件的横坐标纵坐标,单位为px。横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。

  • 旋转:以组件的中心为中心点,进行旋转,单位为度(°)。

    • 手动输入角度值,控制组件的旋转角度。

    • 拖动圆圈旋转控制图标图标内的黑点,控制组件的旋转角度。

    • 单击image图标,控制组件左右翻转样式。

    • 单击image图标,控制组件上下翻转样式。

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

颜色选择器说明

您可以使用颜色选择器设置组件的字体颜色、轴线颜色、网格线颜色、边框颜色等。以文本颜色为例,您可以通过以下两种方式调整文本颜色。

  • 单击常用色块图标,选择一个颜色。image

    常用色块功能可以帮助您快速选择系统中自带的常用颜色,简单方便,可高效修改相应组件的颜色。

  • 单击拾色器图标,可调整文本的颜色透明度、添加或删除全局颜色,也可以选择最近使用颜色。image

    • 调整字体颜色透明度:拖动透明度滑块,或者修改A值,调整颜色透明度。

    • 添加或删除全局颜色:在颜色选择框中选择需要添加的颜色,单击全局色板下方的+,可将当前颜色添加为全局颜色;鼠标移至已添加的全局颜色上,单击拖动至全局色板区域以外,可删除该全局颜色。

      说明

      通过全局色板选取过的颜色可跨越整个可视化项目,存在于在各个大屏和组件的最近使用栏中,方便您再次使用。

    • 选择最近使用颜色:系统会自动记录您最近使用的颜色,展示在最近使用模块中。当您需要使用同样的颜色时,可单击该颜色色块,将其应用到组件上。

复制数据

数据源页签下,切换至代码编辑模式,单击右下角的image图标,即可复制当前数据编辑框内的所有数据。image

全屏编辑数据

数据源页签下,切换至代码编辑模式,单击右下角的全屏图标,即可全屏显示当前数据框内的数据,并可以使用全屏模式编辑当前数据。image

  • 本页导读 (0)