配置组件

添加组件

1. 创建Web应用。具体操作，请参见创建Web应用。
2. 在Web应用编辑器中，单击最左侧的组件图标。
3. 在画布左侧组件列表上方，输入大屏，找到该组件，然后将组件拖拽到中间画布。
4. 在选择大屏模板页面，新建空白大屏，单击确定。您也可以根据需求选择预置的大屏模板进行创建。
   
5. 在Web应用编辑器右侧样式中，单击编辑大屏。
   
6. 在画布编辑器页面，单击左上角的组件列表图标，展开组件列表页面。
   
7. 在组件列表页面中，单击左侧导航栏的某一个组件类型图标，选择其中的一个组件，将该组件添加到可视化应用项目中。
   例如添加折线柱图组件。
   组件添加成功后，会自动展示在画布中。您可以通过拖拽组件边框，调整组件的大小；单击组件，并通过鼠标拖拽调整组件的位置。

配置组件基础样式

在大屏组件编辑器中，单击画布中的某一个组件，画布右侧会出现配置项面板。

• 基础属性：在基础属性模块中，您可以调整组件的尺寸、位置、旋转角度和透明度。
  • 图表尺寸：包括组件的宽度和高度，单位为px。可单击锁定组件的宽高比，等比例修改组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。
  • 图表位置：包括组件的横坐标和纵坐标，单位为px。横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。
  • 旋转角度：以组件的中心为中心点，进行旋转，单位为度（°）。
    • 手动输入角度值，控制组件的旋转角度。
    • 拖动图标内的黑点，控制组件的旋转角度。
    • 单击图标，控制组件左右翻转样式。
    • 单击图标，控制组件上下翻转样式。
  • 透明度：取值范围为0~1。为0时，图表隐藏；为1时，图表全部显示。默认为1。
• 颜色选择器：您可以使用颜色选择器设置组件的字体颜色、轴线颜色、网格线颜色、边框颜色等。以文本颜色为例，您可以通过以下两种方式调整文本颜色。
  • 单击常用色块图标，选择一个颜色。

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

  • 单击拾色器图标，可调整文本的颜色透明度、添加或删除全局颜色、选择最近使用颜色。
    • 调整字体颜色透明度：拖动透明度滑块，或者修改A值，调整颜色透明度。
    • 添加或删除全局颜色：在颜色选择框中选择需要添加的颜色，单击全局色彩下方的+，可将当前颜色添加为全局颜色；鼠标移至已添加的全局颜色上，单击拖动至全局色彩区域以外，可删除该全局颜色。
      说明 通过全局色彩选取过的颜色可跨越整个可视化项目，存在于在各个大屏和组件的最近使用栏中，方便您再次使用。
    • 选择最近使用颜色：系统会自动记录您最近使用的颜色，展示在最近使用模块中。当您需要使用同样的颜色时，可单击该颜色色块，将其应用到组件上。

支持的组件列表