检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 在我的桥接器中,单击“添加桥接器”。 单击“+”或拖拽所需的桥接器到指定区域,设置桥接器信息,单击“保存”。 图1 上传桥接器 复制桥接器到其他工作空间 参考登录A
文本内容:请输入文本内容,您也可以从后台数据中获取文本内容,详情请参见从数据中获取文本内容。 字体:设置文本字体、大小和颜色等。 文本装饰:为文本添加下划线、删除线和上划线。 段落设置 内容对齐方式:文本内容为多行时,支持居中、左对齐、右对齐和两端对齐。 文本位置:文本内容为一行时,支持居中、左对齐和右对齐。
AstroZero API数据集 通过调用AstroZero的接口,来获取数据。 前提条件 连接的数据源已创建,如何创建请参见AstroZero数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用,用于把调用API接口
的线条、拐点等。 图4 热力图图形 颜色:设置图表中,图形的颜色。 热力颜色 在颜色设置中,可以更改热力颜色,也可以单击“新增颜色设置”,添加色块颜色。 热力范围 着色显示的数据范围,需要设置最大值和最小值。 热力标注 设置是否显示标注,设置显示时,需要设置字体、字体颜色和字体大小。
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
刻度标签旋转的角度:设置Y轴刻度标签的旋转度数,取值范围为[-90, 90]。 图11 刻度标签旋转的角度 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 进度条参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线
起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图13 基本折线图参考线 统一配置:设置参考线两端的样式,如圆形、矩形等。 图14 Y轴参考线两端样式
轴最大值:是否设置轴最大值,支持直接输入阈值。 反转:是否对轴数据进行反转。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 水平堆叠柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线
刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 散点图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线
刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 气泡图参考线 统一配置 > 参考线两端样式:设置参考线两端的显示样式,如圆形、矩形和三角形等。
复制项目版本 项目创建完成后,支持将项目中发布的版本复制到其他工作空间。 复制项目版本 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,将鼠标放在对应的项目上,单击。 选择对应的工作空间和项目版本,单击“确定”。 图1 选择工作空间和项目版本
所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:设置为“是”时,标签前会添加引导线。 引导线长度:设置标签引导线的长度。 标签内容:设置标签显示的内容,如数据值、百分比、系列名。 标签文字:设置标签内容的字体、大小和颜色等。
反转:是否对轴数据进行反转。 柱间阴影:柱间是否显示阴影,支持自定义阴影颜色。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 数据标记柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线
反转:是否对轴数据进行反转。 柱间阴影:是否显示柱间阴影,支持设置阴影颜色。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 水平基本柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线
所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:设置为“是”时,标签前会添加引导线。 引导线长度:设置标签引导线的长度。 标签内容:设置标签显示的内容,包含数据值、百分比和系列名。 标签文字:设置标签内容的字体、大小和颜色等。
始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签的展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 区域图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图13
反转:是否对轴数据进行反转。 柱间阴影:柱间是否显示阴影,支持自定义阴影颜色。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 基本柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线
是否设置轴最大值:是否设置轴最大值,支持直接输入阈值。 反转:是否对轴数据进行反转。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 双向柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线
{widget}.css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate