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