检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
颜色：设置提示信息的字体颜色。 字号：设置提示信息的字号大小。 字体粗细：设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。 入场动画：组件第一次渲染动画的时长，单位为ms。 动画效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。
颜色：设置提示信息的字体颜色。 字号：设置提示信息的字号大小。 字体粗细：设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。 入场动画：组件第一次渲染动画的时长，单位为ms。 动画效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。
打开大屏开发页面，在左侧组件中心，选择“交互 > 地理搜索”。 图1 选择地理搜索组件 在“样式”面板，配置地理搜索的样式，本示例使用默认样式。 图2 配置地理搜索样式 切换到“数据”面板，设置地理搜索组件的数据。 图3 设置地理搜索组件的数据 切换到“交互”面板，定义交互变量，并启用该变量。 图4 定义并启用交互变量
组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍
删除组件 本章节介绍如何删除画布中的组件，删除后的组件将无法恢复，请谨慎操作。 操作步骤 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件，选择“删除”，或在图层区右键单击选中某一个组件，选择“删除”
本章节主要介绍全屏组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 全屏 全局样式 全屏显示：设置全屏显示的按钮图标，用户可以从本地上传图标素材。 退出全屏：设置退出全屏的按钮图标，用户可以从本地上传图标素材。
拷贝组件 本章节介绍如何拷贝画布中的组件，拷贝后的组件包含原组件的样式、数据、交互配置信息。 操作步骤 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件，选择“拷贝”，或在图层区右键单击选中某一个组件，选择“拷贝”
本章节主要介绍边框组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 边框 样式 设置边框的样式，系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。
锁定组件 本章节介绍如何锁定和解锁画布中的组件。 操作步骤 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件，选择“锁定”，或在图层区右键单击选中某一个组件，选择“锁定”。 图2 画布中锁定组件
隐藏组件 本章节介绍如何隐藏和显示画布中的组件。 操作步骤 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件，选择“隐藏”，或在图层区右键单击选中某一个组件，选择“隐藏”。 图2 画布中隐藏组件
本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色：单击颜色编辑器设置组件的背景色。 圆角：单击设置组件的圆角度。值越大，圆角度越明显。最小值为0%，最大值为50%。
在区域“1”的代码编辑区中编写js代码。 在区域“2”的原始数据区输入需要处理的数据。系统会将原始数据传入代码编辑器的“data”中进行编译。 单击代码编辑区的图标运行代码。会在区域“3”的转换数据区显示转换后的结果数据。 单击代码编辑区的图标将代码保存在转换器中。 图2 数据转换器编辑 将数据转换器与组件进行关联。
字体：设置组件中文本的字体样式。 字号：设置组件中文本的字号大小。 颜色：单击颜色编辑器设置组件中文本的颜色。 字体粗细：单击下拉框设置组件文本的字体粗细样式。 格式化：设置组件中时间显示的格式。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。
预览大屏 大屏开发过程中，您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个： 在大屏开发页面右上方，单击预览图标。 图1 预览大屏（入口一） 在“我的大屏”页面，找到需要预览的大屏，将鼠标移动至该大屏图标之上，界面上将显示大屏的管理按钮，单击预览按钮。 图2 预览大屏（入口二）
重命名组件 本章节介绍如何重命名画布中的组件。 操作步骤 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件，选择“重命名”，或在图层区右键单击选中某一个组件，选择“重命名”。 图2 画布中重命名组件
WT线图 本章节主要介绍WT线图组件各配置项的含义。 样式 WT线图和线状图的样式配置相似，请参考样式配置WT线图的样式。 数据 WT线图和WT柱图的数据配置相似，请参考数据配置WT线图的数据。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。 父主题： 线状图类
开发大屏过程中，如果在画布中布局或嵌套多个组件时，图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一：选中图层列表中某一个组件，拖动组件至指定的图层。 图1 修改组件图层（方式一） 方式二：右键单击画布中的组件，选择置顶、置底、上移一层、下移一层。 图2 修改组件图层（方式二） 删除组件
环形柱图 环形柱图是柱状图的一种，常用于展示不同系列的数据的对比情况。本章节主要介绍环形柱图组件各配置项的含义。 图1 环形柱图 样式 尺寸位置 图表尺寸：图表的宽和高。单位均为px。 图表位置：图表在画布中的位置。单位均为px。 图形属性 柱间间距：环形柱子之间的距离，单位为px。
本章节主要介绍WT水平柱图组件各配置项的含义。 样式 WT水平柱图和水平柱状图的样式配置相似，请参考样式配置WT水平柱图的样式。 数据 WT水平柱图和WT柱图的数据配置相似，请参考数据配置WT水平柱图的数据。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。 父主题：
WT散点图 本章节主要介绍WT散点图组件各配置项的含义。 样式 WT散点图和散点图的样式配置相似，请参考样式配置WT散点图的样式。 数据 WT散点图和WT柱图的数据配置相似，请参考数据配置WT散点图的数据。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。 父主题：
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
