检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
、位置和行为的设置。 图9 雷达图坐标轴 基本信息 半径:设置图表的半径。 横坐标(%):设置图表的横坐标。 纵坐标(%):设置图表的纵坐标。 绘制类型:设置图表绘制类型,支持多边形和圆形。 指示器名称 显示名称:是否显示名称。 文字风格:设置名称显示风格,支持正常、斜体和倾斜体。
水平对齐方式:设置图例的水平对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 排列方向:设置图例的排列方向,支持水平和垂直两种方式。 类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来
在配置中,设置视频流组件的视频流地址、视频流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时,可以设置是否静音播放。
统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,可新增参考线。单击对应参考线后的“x”,可删除参考线。 X轴参考线 X轴参考线:是否显示X轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新
刻度显示:是否显示刻度线。设置为显示时,支持设置线的颜色。 刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 y轴 Y轴:是否显示Y轴。 Y轴坐标轴类型:设置Y轴坐标轴类型,支持连续数据、类目轴和时间轴。 最大值:Y轴线标签数据的最大值。 最小值:Y轴线标签数据的最小值。
如页面一,并拖入玫瑰花饼图和基本饼图。 图1 页面一 单击,保存页面后单击,发布页面。 参考上述操作,新建页面二和页面三,分别拖入多区域折线图和基本柱图,并发布。 图2 页面二 图3 页面三 在页面一中,选中玫瑰花饼图,单击组件上方的,设置玫瑰花饼图和页面二之间的交互。 图4 与页面二之间的交互
打开“Token认证”开关,设置签名校验参数和有效期。 图3 设置Token认证 :打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。
参考模板:系统预置的组件样式模板,支持默认和带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多区域折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果
组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 {widget}.js:组件逻辑文件,整个Widget的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。
、柱状图的柱子、折线图的线条、拐点等。 图7 基本折线图图形 颜色:设置组件中,图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。“折线类型”选择“平滑”时,基本折线图近似曲线图。 折线宽度:设置图形中折线的宽度,取值范围为0~100。 拐点尺寸:设置拐点尺寸,取值范围为0~100。
支持设置线的颜色。 刻度标签字体:设置标签的字体、颜色和大小等。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 Y轴 Y轴:是否显示Y轴。 Y轴坐标轴类型:设置Y轴坐标轴类型,支持连续数据、类目轴和时间轴。 最大值:Y轴能显示的最大值。 最小值:Y轴能显示的最小值。
在左侧导航栏中,选择“转换器 > 全部”。 单击“新建转换器”,设置转换器的名称和目录,单击“确定”。 输入转换器的数据处理代码,其它参数不做配置,单击“保存” return dataset.result 输入上述转换器的数据处理代码,表示获取“result”数据。 新建数据集。 在左侧导航栏中,选择“数据集
参考模板:系统预置的组件样式模板,如默认、带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果 图8 X轴数据轮播效果
配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型,支持的类型有time、date和datetime。 value String
动态量词:是否开启动态量词量级,开启后,支持设置如下属性。 量词类型:可选择自动量级和自定义量级。 量词选择:选择动态量级的量词,支持“‰”、“%”、“万”、“百万”和“亿”。“量词类型”设置为“自动量级”时,才显示该配置。 自定义规划:自定义动态量级的量词规则。“量词类型”设置为“自定义量级”时,才显示该配置。
classfication中的配置包含预置分类和自定义分类两种。 预置分类:主要是使用平台预置分类。 自定义分类:支持平台预置分类和用户自定义分类。 预置分类 预置分类为AstroCanvas预置的分类,包含的图标和名称如下所示: 表1 预置分类包含的图标和名称 name 分类 图标关键字 图标
项目名称:DLI服务所在区域的项目名称,获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中,获取“项目”的值。 项目ID:DLI服务所在的区域的项目ID,获取方法如下。 登录华为云管理控制台。
上传自定义组件 AstroCanvas中组件 介绍AstroCanvas支持的组件类型,以及每个类型下所包含的具体组件,帮助您快速了解各组件的位置分类,更加高效的开发可视化应用。目前AstroCanvas中支持如下类型的组件,各组件详情介绍请参见组件介绍。当预置组件不满足需求时,还可以自定
在数据系列中,拖动某一个系列可以和其他系列组成一个层级,最多支持3层。 图12 新建层级 图13 新建图层 原数据名:原始数据中默认的系列名称,可通过设置“列名”,进行修改。文字内容来源于数据模型的取值,如组件名称、时延和成功率。 类型:选择数据的类型,如单行文本、多行文本、数字、
在所有页面中,单击待发布为全局模板的页面。 单击“编辑页面”,进入大屏开发页面。 在大屏开发页面,单击,选择“发布为全局模板”。 填写模板名称、描述、所属服务和封面等信息,单击“确定”。 图1 填写全局模板信息 名称:输入生成模板的名称,名称长度为1~32个字符,可包括中文、字母、数字及下划线。 描