检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。
步骤2：准备应用运行环境 更多 Ping不通 应用容器化改造介绍 应用容器化改造流程 步骤1：对应用进行分析 更多 访问外网 应用容器化改造介绍 应用容器化改造流程 步骤1：对应用进行分析 步骤2：准备应用运行环境 更多 操作系统相关 应用容器化改造介绍 应用容器化改造流程 步骤
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
图6 复制租户ID 进入解压后的目录，执行启动命令。
EchartsWidgetTemplate.css 组件的样式文件，在该文件中编写组件的CSS样式。 EchartsWidgetTemplate.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
{widget}.css：组件的样式文件，在该文件中编写组件的CSS样式。 {widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。
图1 下载对应版本的项目包 根据业务需求，选择运行容器，单击“下载”。 图2 选择运行容器 运行容器：选择项目包的运行容器。
props.commonProps || '{}'), ); return { commonProps }; }, /** * 初始化运行态组件VM实例 * @param {*} props 组件配置项 * @param {*} widgetContainer 组件容器
例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。其中，“js”和“css”定义文件类型，“name”定义文件路径及名称。
指标 指标是一种文本组件，用于在可视化页面中显示指标数据。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“指标”组件至画布空白区域，如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框
图1 下载项目版本包 根据业务需求，选择运行容器，单击“下载”。 图2 选择运行容器 运行容器：选择项目包的运行容器。
私有化部署升级指导 华为云Astro大屏应用运行环境部署包存在多个版本，且新版本相对于之前的版本存在功能变动时，可按照本章节操作更新已部署的华为云Astro大屏应用。 更新已私有化部署的华为云Astro大屏应用有两种方式，一种是创建一个新目录部署一个全新的华为云Astro大屏应用，
图1 单击下载图标 在前端运行包下载页面，运行容器选择“Astro Canvas”，单击“下载”，将项目下载到本地。 图2 导出项目 在已购买的华为云Astro大屏应用中，导入项目。 在华为云Astro轻应用服务控制台的左侧导航栏中，单击“Astro大屏应用”。
趋势 趋势是文本组件的一种，用于展示数据变化的趋势。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“趋势”组件至画布空白区域，如图1。 图1 趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成
数据无需复杂的抽取、转换、加载，使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。 新建DLI数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
DWS数据源 数据仓库服务（Data Warehouse Service，简称DWS）是完全托管的企业级云上数据仓库服务，具备免运维、在线扩展、高效的多源数据加载能力，兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析，实现数据快速变现。
CSS background属性：通过CSS样式语言，来定义背景颜色。“渐变类型”设置为“自定义输入”时，才需要设置此参数。 阴影设置 开启阴影：是否开启阴影。 阴影方向：设置阴影方向，支持内部阴影、外部阴影和自定义阴影。 阴影颜色：设置阴影的颜色。
多趋势 多趋势用于显示数据变化的多个趋势值。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“多趋势”组件至画布空白区域，如图1。 图1 多趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成
通用表格 通用表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“通用表格”组件至画布空白区域，如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
DWS数据集 数据仓库服务（Data Warehouse Service，简称DWS）是完全托管的企业级云上数据仓库服务，具备免运维、在线扩展、高效的多源数据加载能力，兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析，实现数据快速变现。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
