检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
将鼠标放在对应的版本上,单击。 图1 单击下载图标 在前端运行包下载页面,运行容器选择“Astro Canvas”,单击“下载”,将项目下载到本地。 图2 导出项目 在已购买的华为云Astro大屏应用中,导入项目。 在华为云Astro轻应用服务控制台的左侧导航栏中,单击“Astro大屏应用”。
配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后,如果应用包中包含关系型数据库、Prometheus和HTTP连接器数据源,需要重新配置密码和加密字段。 图18 修改关系型数据库数据源密码 图19 修改Prometheus数据源密码 图20 修改HTTP连接器数据源加密字段 访问项目中的页面。
勾选华为云Astro大屏应用服务隐私协议及服务声明。 图1 华为云Astro大屏应用隐私协议及服务声明 图2 华为云Astro大屏应用界面 表1 华为云Astro大屏应用界面介绍 功能 功能介绍 项目列表 项目列表用于对系统中的项目进行集中管理,支持新建项目、删除项目和发布项目等。
显示范围:统一设置图层的显示范围,地图缩放级别在该范围内时,显示对应图层。 图层透明度:统一设置图层的透明度。 图层:单击“新增图层”,可新建图标图层、标签图层、柱状图层、飞线图层、基础热力图层和区域热力图层。 图9 新建图标图层 基本配置 类型:固定为“图标图层”。 图层:显示或隐藏图层。 显示范围:设置图层的
、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型,展示的参数所有不同,请以界面实际显示的为准。选择迷你柱状图和迷你折线图时,支持放大图表显示。 图14 开启迷你柱状图放大图表功能 图15 预览放大效果 列名:自定义图表中数据系列的显示名称。 数据系列:在图表中,是否显
在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域,如图1。 图1 文本编辑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 文本编辑卡片 背景 背景色:设置组件卡片的背景颜色。
数值颜色。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图7 数据标记柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。
入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建ROMA数据集
通过快捷指令来获取对应的转换器。本章节以快捷指令中内容为例,向您介绍如何使用盘古助手。 代码优化 参考新建转换器中操作,新建一个转换器。 在“测试数据”中,选择所需的数据源。 在“function filter(dataset)”中,输入转换器的数据处理代码。 在页面右下方单击,进入盘古助手。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 轮播饼图图形 颜色:设置图表中,图形的颜色。 统一配置 数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。
最小值。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图7 水平堆叠柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。
支持将素材添加到已有目录,或新的目录中。 在大屏设计页面,使用已上传的图片。 从“全部组件 > 媒体”中,选择“图片”组件拖入画布中。 单击“卡片”图标,在“背景”中,单击“选择图片”,从素材库中选择素材。 图4 选择图片 复制素材到其他工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 基本折线图图形 颜色:设置组件中,图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。“折线类型”选择“平滑”时,基本折线图近似曲线图。 折线宽度:设置图形中折线的宽度,取值范围为0~100。
数据轮播。 图7 多区域折线图数据系列轮播效果 图8 多区域折线图X轴数据轮播效果 间隔时间:设置图表的轮播时间间隔,不能大于24秒。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图9 多区域折线图图形 颜色:设置组件中图表的图形颜色。
上边距:散点图到组件边框顶部的距离。 右边距:散点图到组件边框右侧的距离。 下边距:散点图到组件边框底部的距离。 左边距:散点图到组件边框左侧的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 散点图图形 颜色:设置图表中图形的颜色。
以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新增自定义事件”,修改事件名称为“echarts单击系列”。 图2 新建echarts单击系列事件
等。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本饼图图形 颜色:设置图表中,图形的颜色。 统一配置:统一配置中设置的内容,对图表中所有数据系列均生效。 数据系列:图表是否显示数据系列。 南丁格尔图:是否使用南丁格尔图。
或者最小值。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图7 双向柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。
体大小。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图5 热力图图例 显示图例:是否展示图例。 位置选择:图例的位置。 顶部间隔:图例到组件顶部的间隔。 底部间隔:图例到组件底部的间隔。 可拖拽手柄:图例上是否展示可拖拽手柄。 图例宽度:设置图例的宽度。