检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高:设置图例项的宽度和高度,单位为“%”。 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记宽高:设置图例前图标的宽度和高度。 图例系列名
字体:坐标轴字体、颜色、大小等设置。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换
字体:设置坐标轴字体、颜色和大小等。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换
标题偏移:标题相对于轴线的偏移。 标题旋转:标题旋转角度。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括字数过多是否换行、字数过多是否省略。
标题偏移:标题相对于轴线的偏移。 标题旋转:标题旋转角度。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换
字体:设置坐标轴字体、颜色和大小等。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换
字体:坐标轴字体、颜色、大小设置。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换
标题偏移:标题相对于轴线的偏移。 标题旋转:标题旋转角度。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换
AstroCanvas使用流程 Astro大屏应用(AstroCanvas)是华为云针对可视化大屏场景的低码平台,可以帮助企业轻松实现数据的可视化开发。在使用AstroCanvas前,建议您先学习本章节内容,了解AstroCanvas的使用流程。 购买AstroCanvas实例
将鼠标放在待复制的组件上,单击。 图5 复制组件 在弹出的页面,选择目标工作空间,单击“确定”。 组件默认复制到目标工作空间的相同目录下,如果目录不存在,会自动创建该目录。 查看组件详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。
将鼠标放在待复制的素材上,单击。 图5 复制素材 在弹出的页面,选择目标工作空间,单击“确定”。 素材默认复制到目标工作空间的相同目录下,如果目录不存在,会自动创建该目录。 查看素材详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的素材”。
AstroZero数据源 操作场景 通过调用当前环境AstroZero接口或其他环境AstroZero接口,返回的数据作为数据源。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。
在配置中,设置组件的全局样式、表头、行和序列号。 图4 配置 全局样式 排行榜行数:设置排行榜的行数。 背景色:设置排行榜背景的颜色。 自动轮播:是否开启自动轮播功能。开启后,支持设置轮播速度和单行停顿时间。 表头设置 显示表头:是否显示表头。 表头行高占比(%):设置表头的行高占比。 背景色:设置表头的背景颜色。
实例化代码块:和初始化代码块类似,实例化代码块的目的是构造echarts setOption所需要的option对象(setOption对象平台会自动执行)。AstroCanvas提供了上百种echarts组件,本质上是不同的实例化代码,这些实例化代码来自echarts官网的demo代码,例如https://echarts
境监测、产品展示等多个典型应用场景。 自定义模板能力:用户可以自定义定制模板,沉淀自己的最佳实践,分享复用。 项目模板:可以将多个大屏一键生成成套模板,一次新建把握整体风格。 组件互动,预置近百种交互场景,自定义实现万千可能 功能介绍 通过预置交互事件+交互动作,零代码实现丰富组
某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“
目和页面。 数据中心 数据中心用于对页面的数据源进行集中的配置管理,支持多种数据源,如静态数据、调用AstroZero API接口、ROMA API接口和AstroZero报表等。 数据源管理:新增并管理关系型数据库、DWS、DLI和AstroZero等数据源。 数据集管理:新增
{xx}”可在请求参数Path列表中使用变量“xx”。 请求方式:设置接口请求方式,支持GET和POST。 请求参数:设置接口请求参数。设置成功后,可单击“测试API接口”,可进行接口调试。 返回参数:设置接口返回参数,此处的响应参数,可作为连接器请求参数的值。 参数位置:把鉴权
在页面中,组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”,可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中,可能后台接口还未开发完成,这时可通过修改桥接器使用静态数据来
ROMA连接器数据源 操作场景 第三方接口或服务通过配置为ROMA连接器的方式,接入外部数据。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。