检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
{widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在AstroCanvas中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 查询类型:设置查询数据的类型,如查询时间范围内的数据或瞬时数据。
角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
花饼图和基本饼图。 图1 页面一 单击,保存页面后单击,发布页面。 参考上述操作,新建页面二和页面三,分别拖入多区域折线图和基本柱图,并发布。 图2 页面二 图3 页面三 在页面一中,选中玫瑰花饼图,单击组件上方的,设置玫瑰花饼图和页面二之间的交互。 图4 与页面二之间的交互 页
目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 标签:SQL作业的标签。单击“标签”后的“展开”,设置标签的键“key”和标签的值“value”,即在DLI构建数据中设置的标签。
开启网格 开启画布网格线功能,用于标定组件在画布中的位置,方便对齐页面组件,发布页面后网格线不会显示出来。开启网格后,支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式 根据需要选择页面适配方式。其中,等比缩放水平铺满、等比缩放垂直铺满和全铺满默认拥有自适应能力,无自适应指页面不会根据不同大小终端设备自适应显示。
、卡片边框)和图表元素构成。 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。
对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见AstroCanvas分享页Token签名校验使用说明。 设置Token认证 进入已开发好的页面。 在页面工具栏中,单击,保存页面。
Access Key ID/Secret Access Key),是您访问系统的身份凭证,系统通过AK识别访问用户的身份,通过SK进行签名验证,通过加密签名验证可以确保请求的机密性、完整性和请求者身份的正确性。 API Key:使用API密钥进行授权,鉴权信息可以附加在Query或Header中。
转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。 系统教程 系统教程中提供了一些AstroCanvas的相关视频教程,通过视频有助于您更快速的上手AstroCanvas。
新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 动作:创建HTTP连接器时,定义的执行动作。 参数:执行动作在连接器中,定义的参数。字段类型为
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时,默认组件需要对接数据集。配置示例如下:
样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器:选择新建转换器中创建的转换器或AstroCanvas预置的转换器,用于对数据进行转换处理。本示例新建一个转换器,用于返回符合条件的数据。 图3 新增一个转换器
右连接:与左连接相反,返回右表中的所有行,如果右表中的行在左表中没有匹配的行,则结果中左表中的列返回“null”。 内连接:取两个表的交集,两张表都有的才能显示出来。 全连接:返回左表和右表中的所有行。如果某行在另一表中没有匹配的行,则另一表中的列返回“null”。 图7 新建汇合转换器
建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集 支持从指定的schema中,选择数据表。如果不指定schema,默认从public类型的数据库表中获取数据。
进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“分享码访问”开关,按照规则要求设置分享码和有效期,单击。
目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用:选择AstroZero中具体的应用。 对象:选择要展示数据关联的对象。
list中每一项含有的基础配置项。 基础配置项中可以通过加入width调整一行中的占比,例如3个options的width是20,30,30,三个配置项就会出现在一行。如果width是20,30,70,前两个会在一行,第三个占第二行的70%。 如果不加入width或者width占比为100,就会单独占一行。
在新增目录页面,输入目录的名称,单击“确定”。 名称的长度为1~64个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 图1 新建一个目录 确认后,在数据集管理页面的左侧目录树中,可查看到已创建的目录。 图2 查看已创建的目录 重命名目录 目录创建后,支持修改目录的名称。 参考
log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam data:保存最详细的动作信息对象。 图6 查看data