检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
拖拽字段到坐标轴 表格字段：展示创建HTTP连接器数据集中，获取的数据。 配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期：每隔多少秒从HTTP连接器中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相
拖拽字段到坐标轴 表格字段：展示创建Prometheus数据集中，获取的数据。 配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期：每隔多少秒从HTTP连接器中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相
在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“资源”。 单击“新建资源”，依次引入有依赖关系的资源。 图1 新增资源 资源：选择需要添加的库。请依次添加
并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“管理”，进入管理页面。 在左侧导航栏中，选择“页面资产管理
在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“健康检查”。 开启健康检查。 图1 健康检查 开启健康检查功能后，平台会对页面运行状态进行检查。您也可以根据业务需求，自定义健康检查项。
装运行。选择此方式时，还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID：小程序AppID，请登录小程序管理后台获取。 主页：选择一个发布的页面作为首页，即打开小程序时，显示的默认页面。 环境类型：承载应用程序服务的环境类型，支持开发环境、生产环境、沙箱环境和不依赖。
ssDB”或“PostgreSQL”，还支持从指定的schema中，选择数据表。如果不指定schema，默认从public类型的数据库表中获取数据。其中，“pg_catalog”为指定的schema，“pg_index”为数据库中的表。 select * from pg_catalog
结果预览-表格 图3 结果预览-JSON function filter(dataset) {}：转换器的数据处理代码。例如，输入如下示例，表示获取待处理数据中“result”中子对象“result”的数据。 return dataset.result.result 测试数据：转换器处
发布模板库：设置模板库的语言，此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中，即可查看到该模板。 封面：为模板添加封面，可截图获取封面也可以自定义封面。 后续处理 发布为全局模板后，需要联系管理员进行审批，审批通过后，其他租户下的用户才可以使用该模板新建页面。 模板未审核
装运行。选择此方式时，还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID：小程序AppID，请登录小程序管理后台获取。 主页：选择一个发布的页面作为首页，即打开小程序时，显示的默认页面。 环境类型：承载应用程序服务的环境类型，支持开发环境、生产环境、沙箱环境和不依赖。
数据源时，桥接器实例无法选择到该桥接器。 桥接器模型名称可在使用该桥接器的组件中查看。例如，在玫瑰花饼图中使用自定义桥接器，请按照如下操作获取模型名称。 返回AstroCanvas界面，在主菜单中，选择“我的资产”。 在左侧导航栏中，选择“我的组件”。 在“所有组件”中，查找到玫
图12 设置组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处，如图13。如果简单的拖拽列方法无法满足需求，可以在代码中用“$data”获取数据配置结果，以javascript代码处理逻辑，如图14。 图13 拖拽字段 图14 通过“$data”实现 交互 在交互中，配置Ech
配置itemVal的值为“${e.xxx}”将事件抛出的“xxx”参数复制到itemVal中。然后select组件内统一从itemVal获取数据。select组件的内部处理API如上面代码。 inReader 判断当前页面状态是开发态或预览态，使用方式参考如下： if (!Studio
上线的快速部署，从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的项目进行一键发布，发布项目时支持将项目中的数据集数据一并进行打包。 安装项目 获取已发布的项目包，在其他环境中安装，实现项目迁移。
）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下，也可以直接单击下载链接，获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中，新增eventConfig配置。
描述：新建数据集的附件描述信息，通常设置为数据集的功能或使用场景，长度为0~512个字符。 刷新周期：每隔多少秒从数据集中读取一次数据，默认配置为“0”，表示只获取一次。 从数据输入中拖拽数据输入节点到右侧画布中，数据集选择已创建的“多数据流1”。 图4 添加一个数据输入节点 图5 添加多数据流1后效果
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
