检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用预置模板搭建交通管理大屏 进阶实战 开发人员来访统计大屏页面 开发告警处理情况统计移动端页面 05 实践 弹性云服务器（Elastic Cloud Server）是一种可随时自动获取、计算能力可弹性伸缩的云服务器。 部署web环境 什么是ECS 创建容器应用基本流程 快速创建一个kubernetes集群
如何使用高级表格的后台分页功能 后台分页必须和全局变量一起配合使用。要实现后台分页，需要在组件预览时，将数据中的total字段，添加到数据总数中。 后台分页 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 新建一个大屏页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域。
图1 新建一个目录 确认后，在数据集管理页面的左侧目录树中，可查看到已创建的目录。 图2 查看已创建的目录 重命名目录 目录创建后，支持修改目录的名称。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
增加选项卡组件的选项卡数量，并设置选项卡名称。 选中选项卡组件，单击组件上方的。 在选项卡设置中，将“选项卡数量”设置为4。 图3 增加选项卡数量 修改选项卡的名称。 图4 修改选项卡名称 调整矩形装饰和选项卡组件的相对位置。 拖拽基本饼图、玫瑰花饼图、基本柱图、多折线图和气泡图到矩形装饰中。 图5 拖拽图表到矩形装饰中
景色同步修改。 表头字体：设置表头字体，所有列的表头字体同步修改。 边框：设置表头的边框样式。 单元格 溢出文本：设置表格中超长文本的显示样式，如显示为省略号、换行显示和滚动显示。 内容对齐方式：设置单元格内的内容对齐方式，如左对齐、居中或右对齐，所有内容对齐方式同步修改。 内容
居中或右对齐。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。 表头字体：设置表头字体，所有列的表头字体同步修改。 边框：设置表头的边框样式。 行配置 奇行背景色：设置奇数行数据的背景颜色。 偶行背景色：设置偶数行数据的背景颜色。
表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。所有列的表头对齐方式同步修改。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。 表头字体：设置表头字体，所有列的表头字体同步修改。 边框：设置表头的边框样式。 行配置 奇行背景色：设置奇数行数据的背景颜色。
当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst
”，选择“新建文件夹”。 图3 新建文件夹 在创建文件夹页面，输入文件夹标题，单击“确定”，即可在项目中创建文件夹。 单击新建文件夹后的“...”，可以修改文件夹名称、新建子文件夹和删除已创建的文件夹。 父主题： 创建项目
ECharts图表 为了拓展预置组件的能力，AstroCanvas集成了Echarts图表库。ECharts是当前使用最为广泛的开源图表库之一。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 以基础折线图为例，在大屏设计页面，从“全部组件 > EChar
”，选择“新建文件夹”。 图3 新建文件夹 在创建文件夹页面，输入文件夹标题，单击“确定”，即可在项目中创建文件夹。 单击新建文件夹后的“...”，可以修改文件夹名称、新建子文件夹和删除已创建的文件夹。 父主题： 创建项目
单击“保存为静态数据集”，可将当前使用的静态数据保存为数据集。 图4 将静态数据保存为数据集 在弹出的提示页面，如果单击“确定”，可将当前组件的“数据类型”修改为静态数据保存后的数据集。 图5 将组件数据替换为数据集 父主题： 数据接入
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 配置 暂不支持修改装饰图案的背景颜色。 图4 配置 交互 在交互中，设置装饰图案组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题：
在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新增自定义事件”，修改事件名称为“echarts单击系列”。 图2 新建echarts单击系列事件 在事件实现中，输入如下代码，即echarts实例的“单击系列
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 暂不支持修改素材的背景颜色。 图4 配置 交互 在交互中，配置背景图组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
nvas。手动续费后，自动续费仍然有效，在新的到期时间前的第7天开始扣款。 自动续费的到期前7日自动扣款属于系统默认配置，您也可以根据需要修改此扣款日，如到期前6日、到期前5日等等。 更多关于自动续费的规则介绍，请参见自动续费规则说明。 前提条件 请确认包年/包月的AstroCanvas还未到期。
如果扣款失败，每天凌晨3:00尝试一次，直至AstroCanvas到期或者续费成功。到期前7日自动续费扣款是系统默认配置，您也可以根据需要修改此扣款日。 父主题： 续费
function定义。 events Object 否 events: { change: function(vm, value) { } } 配置项修改触发事件的回调函数，当前仅支持change事件。 入参vm说明 组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化 如何进行设置页面 如何切换Canvas平台主题颜色
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
