检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
跨页面复制组件 通过复制到功能,可快速将组件复制到其他页面,从而高效完成多个同类型组件配置项参数之间的传递。 跨页面复制组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。
排行榜 排行榜是文本组件的一种,用于根据一定的条件,描述数据的先后关系。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“排行榜”组件至画布空白区域,如图1。 图1 排行榜 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
高级表格 高级表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域,如图1。 图1 高级表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
树状下拉框 树状下拉框是一种带有树形结构的下拉框,通常用于选择有限选项数据的级联场景。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“树状下拉框”组件至画布空白区域,如图1。 图1 树状下拉框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基
基础表格 基础表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“基础表格”组件至画布空白区域。 图1 基础表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中
区域图 区域图是线状图的一种,以折线和区域相结合的方式,智能的展示多维的实时数据的变化趋势。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“区域图”组件至画布空白区域,如图1。 图1 区域图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
FLV视频播放 FLV视频播放是媒体组件的一种,用于播放FLV(Flash Video)格式的视频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“FLV视频播放”组件至画布空白区域,如图1。 图1 FLV视频播放 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可
通用表格 通用表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“通用表格”组件至画布空白区域,如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
复制并粘贴组件 通过复制粘贴功能,可快速将组件的配置参数复制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。
"降雨量", "x": "B市", "y": "5", "category": "b" } ] 组件在获取数据时,获取到的是经过映射转换的数据,可以直接使用x、y等固定字段。 多数据集 部分组件可能存在使用多个数据源的情况,例如地图组件可能存在多个图层,相应配置可以如下:
"widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription": "Echarts组件模板", "authorName": "李四", "width": "500", "height":
将组件保存为卡片 将组件保存为卡片,方便后期有需要时,随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图层”
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroC
满月饼图 满月饼图是饼图组件的一种,由基本饼图变换而来,用于某些特殊样式场景。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“满月饼图”组件至画布空白区域,如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片
水位图 水位图是指通过水位的样式,来展示数据实时的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水位图”组件至画布空白区域,如图1。 图1 水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
数据标记柱图 数据标记柱图是柱状图的一种,通过柱形图的形式展现数据的整体表现,额外的数据标注更直观的展现数据的大小。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“数据标记柱图”组件至画布空白区域,如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
水平基本柱图 水平基本柱图是柱状图的一种,使用水平柱形图的方式呈现数据的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平基本柱图”组件至画布空白区域,如图1。 图1 水平基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元
水平堆叠柱图 水平堆叠柱图是柱状图的一种,用于多维度数据的堆叠展示,从而实现数据之间的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平堆叠柱图”组件至画布空白区域,如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
如何设置内容安全策略 大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 设置内容安全策略 参考使