检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
下降趋势数字字体：设置下降趋势数字的字体、大小和颜色等。 趋势位置：趋势相对于数字的位置。 数据 在数据中，设置趋势组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置趋势与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
背景颜色：设置搜索按钮所在区域的背景色。 按钮文本：设置按钮搜索图标后显示的文字。 数据 在数据中，设置搜索框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置搜索框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
图1 最终呈现效果 开发自定义组件 下载图表模板。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 单击页面右上角的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 表1 组件模板列表 组件模板名称
步骤条 步骤条是装饰组件的一种，用于引导用户按照流程完成任务的导航条。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“步骤条”组件至画布空白区域，如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。
单次变换间隔：设置动画单次变换间隔时间，取值范围为[50, 1000]，单位为ms。 数据 在数据中，设置翻牌器的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置翻牌器与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
troCanvas支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下，也可以直接单击下载链接，获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget
定位标志：是否显示定位标志。 标志选择：选择标志样式，如点、线等。 数据 在数据中，配置轮播图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置轮播图片组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
后缀：设置趋势数字的后缀，如%。 字体大小：设置趋势数字后缀的字体大小。 数据 在数据中，设置多趋势组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置多趋势与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
件格式。 数据 在数据中，设置文本编辑组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置文本编辑与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 从数据中获取文本内容 在大屏设计页面，从“全部组件 > 文本”中，拖拽“文本编辑”组件至画布空白区域。 选中
放大倍数：组件发布后，选择框在页面占位相对于开发态中放大的倍数。在大屏页面中，放大倍数建议设置大一些。 右边距：选择框相对于组件右边框的距离。 上边距：选择框相对于组件上边框的距离。 全选：是否显示全选框。 数据 在数据中，设置复选框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置区域图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置基本柱图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置基本柱图组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
特征标记：设置提示框显示的内容，可以是系列名和数据值、也可以是其中的一种。 数据 在数据中，设置词云的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置词云与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
半星：“显示方式”设置为“评星”时显示该参数，设置是否显示半星。 图7 半星评分 数据 在数据中，配置里程碑的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置里程碑组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。 数据 在数据中，设置树状下拉框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。 数据 在数据中，设置下拉选择框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置下拉选择框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
天气 天气是文本组件的一种，用于展示相应城市24小时天气预报及未来一周的天气预报。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“天气”组件至画布空白区域，如图1。 图1 天气 图2 天气组件效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置基本折线图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置水平基本柱图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置水平基本柱图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
