检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
新建转换器 操作场景 转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“转换器 > 全部”。 （可选）新建转换器存放目录。
上边距：图表到组件边框顶部的距离。 右边距：图表到组件边框右侧的距离。 下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 参考模板：设置组件中图表的样式，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。
下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 碑节点样式 里程碑样式：设置里程碑的样式，可以使用预置样式，也可以使用图片。 节点样式：选
入门实践 当您购买了Astro大屏应用实例后，可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践，帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员
目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“大屏&PC端”，输入项目名称，单击“新建”。 项目名称的长度为1~
配置项总览 本章节介绍AstroCanvas支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
在页面编辑模式下，选中所需的组件，单击右键选择“创建分组”。 分组创建后，选择“图层”，可查看到已创建的分组。 图1 查看分组 拖拽组件到已创建的分组中。 将鼠标放在已创建的分组上，单击右键选择“解除分组”，即可解除已创建的分组。 父主题： 组件管理
操作场景 组件删除后无法恢复，且会影响相关交互的组件，请谨慎操作。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“删除”。 图1 删除组件 您也可以在“图层”中，选中一个或多个组件，单击“删除”。
系统自动进入业务大屏开发页面，您可以直接使用该大屏应用，也可以根据自身业务的需求进行二次开发。 单击页面上方的，保存页面。 单击页面上方的，预览应用页面。 如果页面预览效果和预期效果不一致，可再次返回开发页面进行调整。 单击页面上方的，进行页面发布设置。 发布链接：单击发布链接后的图标，将显示页面地址，单击该地址进入发布页。
费用账单 您可以在“费用中心 > 账单管理”查看资源的费用账单，以了解该资源在某个时间段的使用量和计费信息。 账单上报周期 包年/包月计费模式的资源完成支付后，会实时上报一条账单到计费系统进行结算。 查看指定资源的账单 登录管理控制台。 在主菜单中，单击“费用”。 在左侧导航栏中，选择“订单管理
多个同类型组件配置项参数之间的传递。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中一个或多个组件，单击右键，选择“复制到”，并选择组件待复制到的页面。 图1 复制组件到其他页面 您也可以在“图层”中，选中一个或多个组件，单击“复制到”。
通过复制粘贴功能，可快速将组件的配置参数复制到同类型的另一个组件中，从而高效完成多个同类型组件配置项参数之间的传递。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在“图层
数据。AstroCanvas中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 配置组件数据 非数据源 桥接器预置
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击待复制数据集中的，选择“复制”，即可完成数据集的复制。 数据集较多时，可直接搜索待复制数据集的名称，也可以按照数据集类型和状态进行筛选。 父主题： 数据集管理
数据，帮助工厂管理者实现生产过程的全面监控与分析，及时发现并解决生产中的问题，提高生产效率和产品质量。 图2 现场作业看板 展示汇报 数据可视化大屏可以用来展示项目进展、业绩指标、预算执行情况等关键数据，帮助会议参与者更直观地理解信息，做出更明智的决策。此外，数据可视化还能使汇报
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击待删除数据集中的，选择“删除”。 数据集较多时，可直接搜索待删除数据集的名称，也可以按照数据集类型和状态进行筛选。 在弹出的确认框中，单击“确定”，即可删除该数据集。 执行该操作，将会永久删除数据集，请谨慎操作。
转换器冲突，选择“覆盖目标资产”时，系统将弹出如图3提示，根据实际需求进行选择即可。 图3 转换器冲突 数据源和数据集这两种资产出现名称冲突，但资源类型不同的情况时，系统默认选择生成副本。 图4 数据源和数据集冲突 父主题： AstroCanvas学堂
css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 操作步骤
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
