云服务器内容精选

  • 什么是组件? 组件(即Widget)是可复用的页面组成元素,一个页面由一个或多个Widget拼装而成。如果将一个页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常运行。如果页面要使用前端框架或组件库,例如流行的Vue、Bootstrap、ElementUI等,需要将其制作成Library资产,然后上传到环境中使用。
  • 组件通用设置 在AstroCanvas某个可视化页面中,单击画布中的某一个组件,组件上方会出现配置项面板,如图3。AstroCanvas中组件的配置项菜单分为卡片、指标、图形、图例、提示、参考线和坐标轴七大类(不同的组件展示有所不同,请以实际展示的为准)。 图3 组件配置项面板 图4 组件七大分类设置效果 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图形是指组件中,实现 数据可视化 的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的表现形式,为可视化组件提供具体数值的参考。 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。
  • AstroCanvas中组件 介绍AstroCanvas支持的组件类型,以及每个类型下所包含的具体组件,帮助您快速了解各组件的位置分类,更加高效的开发可视化应用。目前AstroCanvas中支持如下类型的组件,各组件详情介绍请参见组件介绍。当预置组件不满足需求时,还可以自定义组件并上传到AstroCanvas中使用,详情请参见自定义组件说明。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 图2 AstroCanvas中组件
  • 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 在所有页面中,单击待发布为模板的页面。 单击“编辑页面”,进入大屏开发页面。 在大屏开发页面,单击,选择“发布为模板”。 在大屏开发页面,单击。 填写模板名称和模板描述,单击“发布”。 模板名称的长度不能超过60个字符,且只能包含字母、数字、汉字及特殊符号“-”或“_”。 图1 发布自定义页面模板 发布完成后,本租户下的其他用户登录AstroCanvas新建页面时,即可在“自定义模板”中,使用页面模板创建页面。 图2 使用自定义模板创建页面
  • 步骤三:安装运行环境 部署AstroCanvas服务。 登录您的服务器,创建安装目录。 cd /home/ mkdir canvas_private 其中,“canvas_private”为安装目录,可自定义。本章节以在“home”目录创建安装目录为例进行介绍,您也可以在其他目录下创建该目录。 将步骤二:下载运行环境中获取的AstroCanvas运行环境部署包(AstroCanvas_Runtime.zip),上传到安装目录下。 解压已上传的部署包,并进入已解压后的目录。 unzip AstroCanvas_Runtime.zip cd AstroCanvas_Runtime 图6 解压后包中的内容 进入config目录,新增“application.yml”配置文件。 cd config vi application.yml 在配置文件中,添加如下内容: # 配置当前机器的ip(默认127.0.0.1) hostIp: 10.10.*.* # 配置http连接器超时时间(默认3000) http: connectTimeout: 30000 socketTimeout: 30000 magno: deploy: # 配置私有化环境启动端口(默认8081) serverPort: 19996 # 配置是否开启匿名访问,默认是false,开启则改为true enableAnonymous: false # 租户ID tenantId: tenant-2bb76b9b9f24****09737a83 其中,“tenantId”为租户ID,请参考步骤二:下载运行环境中操作,进入“本地部署信息”页面。在租户ID后,单击,即可复制租户ID。 图7 复制租户ID 进入解压后的目录,执行启动命令。 cd /home/canvas_private/AstroCanvas_Runtime sh start.sh 如果启动失败,请查看启动日志“/home/canvas_private/AstroCanvas_Runtime/startlogs/start.log”。如果提示权限不足,请返回安装目录,设置目录下所有文件为最大权限。 cd /home/canvas_private/AstroCanvas_Runtime chmod -R 777 AstroCanvas_Runtime 其他常用操作及命令如下: 查看日志:/home/canvas_private/AstroCanvas_Runtime/logs/***-PrivateDeployApp.log 重启服务:sh restart.sh,执行启动命令后,如果修改了“application.yml”文件,需要执行该命令,重启启动。 停止服务:sh stop.sh 服务启动后,在浏览器中,输入AstroCanvas服务所在服务器的IP地址和端⼝,获取机器码。 http://10.10.*.*:19996/ 其中,“10.10.*.*”为1.d中,修改application.yml时配置的服务器ip、“19996”为端口。 图8 复制服务器机器码 注册服务器。 在AstroCanvas界面,单击右上角的账号名,选择“本地部署”。 图9 选择本地部署 在本地部署信息页面,单击“注册”。 图10 选择新建服务机器码 输入服务器机器码和名称,单击“确定”,生成测试Key。 图11 生成测试Key 其中,“服务器机器码”请配置为2中获取的内容,服务器名称请根据实际情况进行配置。 返回本地部署信息页面,单击服务器机器码后的,下载测试Key文件(runtime.key)。 图12 下载测试Key文件 将获取的测试Key,上传到本地服务器的“/home/canvas_private/AstroCanvas_Runtime/config”目录下,验证服务器部署情况。 cd /home/canvas_private/AstroCanvas_Runtime/config 测试Key有效期为3天,过期后请使用机器码重新注册并生成测试Key或启用为正式Key。下载新的Key后,需要删除原先的Key,替换为新的Key。 使用机器码生成新的测试Key时,需要先删除失效的Key,再重新注册。因为一个机器码只能注册一个Key。 在浏览器中,输入AstroCanvas服务所在服务器的IP地址和端⼝,可正常进入AstroCanvas界面,说明已部署成功。 http://10.10.*.*:19996/ 其中,“10.10.*.*”为1.d中,修改application.yml时配置的服务器公网ip,“19996”为端口。 验证无误后,单击测试Key右侧操作栏中的,在弹出的页面单击“确定”,启动测试Key。 图13 启动测试Key 启动成功后,返回本地部署信息页面,可查看到“Key类型”由“测试”变为“正式”。 图14 正式Key 下载正式Key文件(runtime.key),替换测试Key的runtime.key文件,替换后重启服务即可使用。
  • 步骤四:使用私有化部署的AstroCanvas服务 在浏览器中,输入AstroCanvas服务所在服务器的IP地址和端⼝,进入AstroCanvas界面。 http://10.10.*.*:19996/ 其中,“10.10.*.*”为1.d中,修改application.yml时配置的服务器公网ip,“19996”为端口。 获取可视化应用本地部署包。 在步骤一:购买AstroCanvas企业版实例中,单击AstroCanvas实例中的“进入首页”,进入AstroCanvas界面。 在项目列表中,将鼠标放在对应的项目上,单击。 图15 单击下载本地部署包图标 在弹出的页面,勾选需要下载的页面,单击“下载本地部署包”。 可视化应用本地部署包用于在部署后的AstroCanvas运行环境中安装应用,实现项目的迁移,包名为“AstroCanvas_项目名_随机编码.zip“。 添加可视化应用。 在项目列表中,单击“导入项目包”。 选择2中下载的可视化应用本地部署包(AstroCanvas_项目名_随机编码.zip)。 在项目列表中,可查看到项目已成功导入。 配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后,如果应用包中包含关系型数据库和HTTP连接器数据源,需要重新配置密码和加密字段。 图16 修改关系型数据库数据源密码 图17 修改HTTP连接器数据源加密字段
  • 步骤一:购买AstroCanvas企业版实例 进入购买Astro大屏应用实例页面。 实例版本选择“Astro大屏应用企业版”,选择购买时长,单击“立即购买”。 选择支付方式,单击“确认付款”,完成订单支付。 图2 确认付款 订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看到Astro大屏应用的安装状态。当“实例状态”变为“运行中”时,说明实例已安装好,可以正常使用。 图3 Astro大屏应用控制台 单击实例中的“进入首页”,进入AstroCanvas界面,开发页面并发布。 如何使用AstroCanvas开发可视化页面,请参见创建页面。
  • 操作流程 私有化部署AstroCanvas的操作流程,如图1所示。 图1 AstroCanvas私有化部署流程 步骤一:购买AstroCanvas企业版实例 购买一个AstroCanvas企业版实例,当前仅AstroCanvas企业版实例才支持私有化部署。 步骤二:下载运行环境 在企业版AstroCanvas界面,下载运行环境部署包。运行环境部署包用于在服务器上部署AstroCanvas运行环境。 步骤三:安装运行环境 在本地服务器上,安装运行环境部署包,获取机器码。在华为云企业版AstroCanvas注册机器码,生成Key。服务器绑定Key后,才可正常访问私有化部署的AstroCanvas运行环境。 步骤四:使用私有化部署的AstroCanvas服务 在私有化部署的AstroCanvas运行环境中,安装可视化应用部署包,更新可视化应用的配置。
  • 步骤二:下载运行环境 在AstroCanvas服务控制台,单击实例中的“进入首页”,进入AstroCanvas界面。 在页面右上角,单击“账号名”,选择“本地部署”。 图4 选择本地部署 在本地部署信息中,单击“下载运行环境”,下载AstroCanvas运行环境部署包。 运行环境部署包用于在服务器上部署AstroCanvas服务,包名为“AstroCanvas_Runtime.zip”。如果需要下载历史版本的部署包,可以单击“版本列表”,再单击对应版本后的,即可将该版本的部署包下载到本地。 图5 下载运行环境
  • 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 颜色:设置组件中图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。 拐点尺寸:设置拐点尺寸。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。 折线颜色:设置折线颜色,支持单色和渐变色。如果开启了阈值线,渐变会随着阈值线值变化。 折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。 数据标签:是否显示数据标签,支持设置标签颜色、前缀和后缀。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。
  • 指标 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的表现形式,为可视化组件提供具体数值的参考。 图14 指标 显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。
  • 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图8 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 左间距:图例到折线图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到折线图组件顶部距离占组件高度。 翻页按钮:设置翻页按钮颜色。 翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
  • 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图11 坐标轴 x轴 X轴:是否显示X轴。 轴标题:X轴标题。 字体:坐标轴字体、颜色、大小设置。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换行、标签字数过多省略和标签字数过多不做处理。 单行字符数:设置标签单行显示的文字个数,一个中文算两个字符。“标签行为”设置为“标签字数过多换行”或“标签字数过多省略”时,才需要配置。 标签旋转:标签旋转角度。 网格线:是否显示网格线。 y轴 Y轴:是否显示Y轴。 轴标题:Y轴标题。 字体:坐标轴字体、颜色、大小设置。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 最小间隔:坐标轴最小间隔大小。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换行、标签字数过多省略和标签字数过多不做处理。 单行字数:设置标签单行显示的文字个数。“标签行为”设置为“标签字数过多换行”或“标签字数过多省略”时,才需要配置。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始数值。为了方便数据展示,输入为接入数据最大值时,图表Y轴起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签的展示样式,如默认或计数单位。
  • 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图13 Y轴参考线两端样式 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,可新增参考线。单击对应参考线后的,可删除参考线。 X轴参考线 X轴参考线:是否显示X轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增X轴参考线”,可新增参考线。单击对应参考线后的,可删除参考线。
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:组件标题的字体、大小、颜色等设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置组件标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 标题偏移:组件标题与多区域折线图之间的偏移量。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 参考模板:系统预置的组件样式模板,支持默认和带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。