检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择范围的背景色：日期弹出框中，处于选择范围内日期的背景色。 日期弹出框内星期时间设置 星期背景色：日期弹出框内，星期几的背景色。 星期的字体颜色：日期弹出框内，星期几的字体颜色。 时间背景色：日期弹出框内，时间的背景色。 时间的字体颜色：日期弹出框内，时间的字体颜色。 数据 在
新建转换器 转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 新建转换器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“转换器 > 全部”。 （可选）新建转换器存放目录。
卡片背景色：设置组件卡片的背景颜色。 卡片宽度：卡片的宽度，取值范围为[0, 200]，单位为px。 卡片高度：卡片的高度，取值范围为[0, 200]，单位为px。 卡片左间距：卡片和组件左边框的间距，取值范围为[0, 200]。 卡片右间距：卡片和组件右边框的间距，取值范围为[0,
在配置中，为图观端场景编辑器设置容器名称和场景地址。 图2 图观端场景编辑器配置 容器名称：设置容器的名称，命名必须唯一。名称是组件的唯一标识，设置后其他3D组件会通过这个标识，识别到这个容器，并在容器上进行渲染。 场景地址：设置渲染的3D场景地址。 选择场景：单击“选择场景”，可以在“场景”中新建场景或选
界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击“+”，选择待上传的库，并设置库的基本信息。 图2 上传MintUI自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。 库ID：上传库的ID，由字母及数字组成，且必须以字母开头。
数据。AstroCanvas中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置
单击“保存”，完成数据源的创建。 在左侧选择“配置流程”节点，在右侧配置相关参数。 应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。
背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增
css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互
快捷时间字体颜色：设置快捷时间的字体颜色。 选中字体颜色：设置选中快捷时间时，快捷时间字体的颜色。 选中背景颜色：设置选中快捷时间时，快捷时间背景的颜色。 输入框设置 下方输入框的设置，对时间选择器组件中所有输入框生效。 字体：设置输入框中文字的字体、大小和颜色等。 背景颜色：设置输入框的背景颜色。
复制项目版本 项目创建完成后，支持将项目中发布的版本复制到其他工作空间。 复制项目版本 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，将鼠标放在对应的项目上，单击。 选择对应的工作空间和项目版本，单击“确定”。 图1 选择工作空间和项目版本
“数据类型”选中“数据集”，并选择所需的数据集。 在全局变量配置中，绑定8中的全局变量，并给全局变量赋值。 图5 绑定全局变量 在组件预览中，从“表格字段”中拖拽对应的字段到“配置”中，并单击“保存”。 返回大屏设计页面，单击，再单击。 在预览页面，单击折线图堆叠图表中的系列，页面的全局变量将被设置为参数seriesIndex的值。
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1
交互事件”，选择“当点击数据时”。 在响应动作中，单击“+ 响应动作”，选择“组件响应”。 在动作详情中，设置具体的响应动作。 本示例中，通过选择事件参数，来控制组件值的变化，即单击实心圆饼图中某个数据系列时，下拉选择框中的值随之改变。 图1 设置动作详情 设置完成后，单击“确定”。 单击，保存页面，单击，预览效果。
桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载桥接器模板，根据组件的数据结构，对
网页图标：设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif，图片大小不能超过1MB，建议使用大小为32*32像素的ico图标。 延迟加载隐藏的组件：勾选后，预览或打开页面时，将先加载显示的组件，再加载隐藏的组件。 父主题： 项目管理
音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。 播放 自动播放：开启后，在预览页面或发布后的页面中，会自动播放音频内容。 循环播放：开启后，在预览页面或发布后的页面中，视频播放完成后会再次从头开始播放。 播放速度：设置音频的播放速度，单位为“倍”，如0
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
