检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
视图切换 操作场景 通过视图切换功能，可将页面中的组件切换为列表或卡片样式。 列表：展示了所有组件的icon和标题，方便组件的快速查找。 卡片：展示了组件的初始化样式和标题，方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 当
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 指标是指可视化组件中，对除可视化图形之外的具体补充
数据标记柱图是柱状图的一种，通过柱形图的形式展现数据的整体表现，额外的数据标注更直观的展现数据的大小。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“数据标记柱图”组件至画布空白区域，如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解
如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 区域图图形 颜色：设置组件中，图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置折线的宽度。 拐点尺寸：设置折线的拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。
通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWidget为AstroCanvas系统预置的下拉框组件，可在“我的资产 > 我的组件”中获取。 { type: 'tab', name: 'multiple',
发布为模板 页面开发完成后，可将已开发好的页面发布为模板。在下次创建页面时，可直接使用该模板创建新的页面，减少重复开发，提高交付效率。 约束与限制 模板只能在当前环境的本租户下使用，而发布为全局模板中生成的模板可在当前环境的所有租户下使用。 将页面发布为模板 参考登录AstroC
项目发布后，在项目发布的版本管理中，可下载对应版本的项目包。 约束与限制 在AstroCanvas中导出项目时，项目包中包含的数据源密码会被置空。 下载项目 在AstroCanvas界面的“项目列表”页面，单击待下载项目上的。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。 图1
为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水平堆叠柱图图形 颜色：设置图表中图形的颜色。 统一配置 水平堆叠：是否堆叠显示。 横向柱条：是否横向柱条效果显示。
示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的背景色、表格行数、表头和单元格等。 图5 树状表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。
时传递的URL进行签名鉴权，保证大屏的URL访问链接不会被篡改，从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前，需满足以下条件： AstroCanvas大屏页面，使用Token验证的方式进行发布。 AstroCanvas大屏页面，以Get的方式在
背景色：设置分页背景颜色。 字体：设置分页的字体、大小和颜色等。 选中框颜色：设置选中分页时边框的颜色，包括每页/条的边框、选中当前页的填充色边框和前往第几页的边框。 分页框宽度：设置分页框的宽度，单位为px。 下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。 下拉框选中
对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不能被篡改，从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍，请参见AstroCanvas分享页Token签名校验使用说明。 设置Token认证 进入已开发好的页面。 在页面工具栏中，单击，保存页面。
入门实践 当您购买了Astro大屏应用实例后，可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践，帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员
目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“A
录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 标签：SQL作业的标签。单击“标签”后的“展开”，设置标签的键“key”和标签的值“value”，即在DLI构建数据中设置的标签。 设置标签：从设置标签的SQL作业中，获取数据
AstroCanvas运行环境部署包存在多个版本，且新版本相对于之前的版本存在功能变动时，可按照本章节操作更新已部署的AstroCanvas。 更新已私有化部署的AstroCavans有两种方式，一种是创建一个新目录部署一个全新的AstroCanvas，另一种方式是替换旧版本中的private-deploy-版本号
eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置
组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render中抽取的独立逻辑，初始化
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
