检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用页面模板文件新建页面 使用页面模板文件，构建开发页面，减少重复开发，提高交付效率。创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroCanvas
轮播饼图 轮播饼图是饼图组件的一种，饼图中的数据可自动播放，实现动态效果。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“轮播饼图”组件至画布空白区域，如图1。 图1 轮播饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、
贪吃蛇饼图 贪吃蛇饼图是饼图组件的一种，在加载时，饼图渲染呈现“贪吃蛇”的动画样式。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“贪吃蛇饼图”组件至画布空白区域，如图1。 图1 贪吃蛇饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
箭头水位图 箭头水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“箭头水位图”组件至画布空白区域，如图1。 图1 箭头水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
圆角矩形水位图 圆角矩形水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“圆角矩形水位图”组件至画布空白区域，如图1。 图1 圆角矩形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
数据标记柱图 数据标记柱图是柱状图的一种，通过柱形图的形式展现数据的整体表现，额外的数据标注更直观的展现数据的大小。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“数据标记柱图”组件至画布空白区域，如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
水平基本柱图 水平基本柱图是柱状图的一种，使用水平柱形图的方式呈现数据的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水平基本柱图”组件至画布空白区域，如图1。 图1 水平基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
水平堆叠柱图 水平堆叠柱图是柱状图的一种，用于多维度数据的堆叠展示，从而实现数据之间的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水平堆叠柱图”组件至画布空白区域，如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
折柱图 折柱图是柱状图的一种，通过折线和柱状图相结合的方式，将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“折柱图”组件至画布空白区域，如图1。 图1 折柱图 图2 折柱图效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
基本漏斗图 基本漏斗图是柱状图的一种，使用漏斗图或梯形图来形象的展示数据排序变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本漏斗图”组件至画布空白区域，如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
词云 词云是文本组件的一种，通过对词频的统计及对应词语字体大小样式，来展现词语出现次数。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“词云”组件至画布空白区域，如图1。 图1 词云 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
时间翻牌器 时间翻牌器是文本组件的一种，用于使用翻牌器效果动态展示当前时间。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间翻牌器”组件至画布空白区域，如图1。 图1 时间翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
选项卡 选项卡是导航组件的一种，用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“选项卡”组件至画布空白区域，如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
树状表格 树状表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“树状表格”组件至画布空白区域，如图1。 图1 树状表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
路由视图 路由视图是导航组件的一种，通过配置不同页面，在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用，提升性能。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由视图”组件至画布空白区域，如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
组件图层位置移动 操作场景 在AstroCanvas大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的
多折线图 多折线图是线状图的一种，通过多折线的表现形式，展现不同数据之间变化趋势。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“多折线图”组件至画布空白区域，如图1。 图1 多折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
钻石水位图 钻石水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“钻石水位图”组件至画布空白区域，如图1。 图1 钻石水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
双向柱图 双向柱图是柱状图的一种，通过柱形图双向呈现数据的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“双向柱图”组件至画布空白区域，如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景
瀑布柱图 瀑布柱图是柱状图的一种，具有自上而下的流畅效果，在企业经营分析、财务分析中使用较多，用以表示企业成本的构成、变化等情况。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“瀑布柱图”组件至画布空白区域，如图1。 图1 瀑布柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
