检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图35 输入页面标题 从组件中,拖拽1个水平堆叠柱图、1个基本柱图和1个基本饼图到画布中(布局如图36),并单击“取消当前主题卡片装饰”。 图36 页面组件布局 图37 消当前主题卡片装饰 设置水平堆叠柱图。 选中水平堆叠柱图,单击组件上方的,进入组件数据设置页面。
如果安装的是安全云脑类大屏,进入大屏页面后,您还需要根据实际情况设置全局变量和数据源等信息,如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
图1 新增全局变量 从“全部组件 > 图表”中,拖拽“基本柱图”组件至画布空白区域。 在组件上方单击,配置流程选择“静态数据”,并添加url参数,对应数据项的数据详情页面URL,单击“保存”。 图2 配置流程 在组件上方单击,配置组件交互事件。
管理页面版本 开发好某个大屏页面,例如在页面中拖入基本饼图组件,保存后单击发布图标。 图1 开发页面 打开“发布链接”开关,生成发布后的页面链接。 单击“+ 新建版本”,会生成一个页面版本。 图2 新建第一个版本 单击新建版本后的,将该版本设置为当前发布页。
选中转换器,此时页面会出现一个图标。 单击图标,即可进入盘古助手。 图3 在组件数据中调出盘古助手 父主题: 华为云Astro大屏应用盘古助手
高德地图:高德地图是地图组件的一种,支持底图、样式、2D、3D模式、图标和飞线等动态配置,用于满足用户在GIS或IOC等场景对地图的要求。 3D场景编辑器:在AstroCanvas企业版实例中,为您预置了3D场景编辑器组件,用于实现3D模型的展示和编辑。
图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。
例如,玫瑰花饼图要求静态数据必须存在“s”和“value”字段列。如果不存在,右侧的“图表预览”将无法正常渲染。 图2 查看组件静态数据字段要求 图3 配置中无字段 单击“保存为静态数据集”,可将当前使用的静态数据保存为数据集。
图6 选择seriesName变量 新增响应动作“页面跳转”,设置跳转页面。 图7 添加页面跳转响应动作 将页面参数设置为全局变量seriesName后,在目标地址的URL中会显示图7中的参数名seriesName,且其取值会根据全局变量seriesName的取值改变而改变。
进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。 图3 拖拽玫瑰花饼图到画布中 选中组件,单击组件上方的,进入数据设置页面。 “数据类型”选择“桥接器预置”,在选择桥接器中即可选择到自定义桥接器中自定义的桥接器。
华为云Astro大屏应用当前支持如下几种类型的数据集,其与数据源、转换器和目录之间的关系,如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
选中基本柱图组件,单击组件上方的,设置标题内容为“各市农作物产量统计”。 图6 设置图表标题 单击页面上方的,保存设置页面。 单击,进入预览页面,预览效果。 父主题: 数据集管理
组件介绍 组件入门 图表 媒体 文本 地图 装饰 仪表盘 其它 导航 ECharts图表 3D场景编辑器
装饰 背景框 分割线 图标 背景图 装饰图案 父主题: 组件介绍
图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台排序效果 父主题: 组件管理
图7 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。 图8 关闭阻止第三方Cookie 父主题: 创建页面
图6 从图表中拖拽基本柱图到画布中 选中该组件,单击组件上方的,进入组件数据页面。 在“数据类型”下拉框中,选择“数据集”,选择创建关系型数据库数据集中创建的数据集。 配置全局变量。
图5 新增成员 在添加成员页面中,选择5中已授权的成员,单击“确定”。 图6 选中待添加的IAM用户 以IAM用户登录华为云Astro大屏应用界面,在对应的工作空间下即可进行可视化应用的开发。 图7 在目标工作空间开发应用 父主题: 购买华为云Astro大屏应用实例
在我的订单中,在图1中所示位置单击鼠标左键,复制订单号。 图1 复制订单号 选择“账单管理 > 流水和明细账单 > 明细账单”,在筛选条件中选择“订单号/交易号”,并输入4中复制的订单号,单击图标即可搜索该资源的账单。 图2 查看账单明细
选中基本柱图组件,单击组件上方的,设置标题内容为“各市1月降雨量(mm)”。 图7 设置图表标题 单击页面上方的,保存设置页面。 单击,进入预览页面,预览效果。 父主题: 数据集管理