检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
散点图 散点图是气泡图的一种,通过数据点,来对数据的相关性进行描述的可视化图形。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“散点图”组件至画布空白区域,如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
管理页面 管理组件模板 桥接器模板 查看操作日志
propertiesConfig是一个数组,用于保存组件配置项的相关字段,包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下,配置后效果如图2所示,组件配置项详细介绍请参见表1。
复制页面 AstroCanvas支持复制页面,减少重复开发,提高交付效率。 复制页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待复制的页面上,单击。 在弹出的提示框中,单击“确定”。 输入页面标题,单击“新建”。
选中多个组件后,单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式,以及水平和垂直的自动分布方式。 组件对齐 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选择所需的组件,单击下图红框中图标,进行组件对齐。 图1 组件对齐 父主题:
如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
删除连接器 连接器删除后不可恢复,请谨慎操作。 删除连接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“删除”。 在弹出的确认框中,单击“确定”,即可删除连接器。
约束与限制 模板只能在当前环境的本租户下使用,而发布为全局模板中生成的模板可在当前环境的所有租户下使用。 将页面发布为模板 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 在所有页面中,单击待发布为模板的页面。 单击“编辑页面”,进入大屏开发页面。
发布为全局模板后,需要联系管理员进行审批,审批通过后,其他租户下的用户才可以使用该模板新建页面。 模板未审核 本租户下的用户登录AstroCanvas创建页面时,可在“未上线模板”中使用该模板新建页面。 图2 使用未上线模板新建页面 模板已审核 本租户下的用户或其他租户下的用户,可通过如下两种方式使用该模板创建页面。
页面设置 页面创建后,支持修改页面的标题和描述信息。 设置页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待修改的页面上,单击。 修改页面标题,单击“更新”。 图1 编辑页面设置 页面标题:
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
面中使用到的库。 资源设置 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“资源”。
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
css为组件的样式文件,在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate { height: 100 % } #EchartsWidgetTemplate
(可选)新建目录 为了便于集中管理数据集,可以为数据集指定目录。 新建一个目录 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 单击“所有数据集”,再单击“...”,选择“新增目录”。
设置空间页面配额 空间创建后,支持为该空间设置页面配额。 调整配额 租户管理员参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 将鼠标放在页面右上方的“默认团队空间”上,选择新建工作空间中创建的工作空间,切换到目标工作空间。 在目标工作空间中,单击页面数量下方的“调整配额”。
初始化代码块:初始化代码块输入框是一个javascript的执行环境,该执行环境的目的是调用echarts的init方法创建实例,此处可配置初始化相关的操作,包括echarts的主题等。 图5 初始化代码块 单击“参数说明”,可查看初始化代码块的参数说明。 单击,可复制初始化代码。 单击,可最大化初始化代码块页面。
如何进行版本回退 开发者开发某个大屏页面时,希望回退到历史某个页面版本进行编辑。 版本回退 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。
数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。
数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 圆心角:设置为相同时,每块扇区的圆心角相同,通过扇区的面积大小体现比例大小。设置为不同时,圆心角和面积均不相同。 内半径:设置饼图内半径的值,单位%。 外半径:设置饼图外半径的值,单位%。