检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
后,在组件“数据”页签中可选择具体的数据集。 连接器管理:通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
组件(即Widget)是可复用的页面组成元素,一个页面由一个或多个Widget拼装而成。如果将一个页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常运行。如果页面要使用前端框架或组件
现页面加载进度条。 开启浏览器内存使用率异常提醒:勾选后,如果浏览器内存使用率超过70%,页面右下角会弹框提醒。 开启资源访问耗时过长提醒:勾选后,如果单个资源访问耗时超过1秒,页面右下角会弹框提醒。 开启接口请求错误提醒:勾选后,如果接口请求出现错误,页面右下角会弹框提醒。 开
桥接器预置 通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图8 轮播饼图图形 颜色:设置图表中,图形的颜色。 统一配置 数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题:组件是否显示标题。设置为显示时,支持设置如下属性。 内容:自定义标题的内容。 字体:设置自定义标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、居中或右对齐。
在AstroCanvas中,组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用,同时支持自定义组件并上传到AstroCanvas中使用。 添加组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,按照组件分类,查找到对应组件。
标题字体:设置标题的字体、颜色和大小等。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 时间轴图形 时间轴 时间轴方向:时间轴的方向,支持水平方向和垂直方向。 自动轮播:是否展示自动轮播效果。 间隔时间:间隔的时间。 停留时间:停留的时间。
registerEvents:用于注册事件,只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下: thisObj:当前组件实例对象,指为该组件注册事件。 eventName:事件名称,应该与触发事件API中的第一个参数保持一致。 Event Label:事件标签名,在事件列表中展示的事件标题。
AstroCanvas运行环境部署包存在多个版本,且新版本相对于之前的版本存在功能变动时,可按照本章节操作更新已部署的AstroCanvas。 更新已私有化部署的AstroCavans有两种方式,一种是创建一个新目录部署一个全新的AstroCanvas,另一种方式是替换旧版本中的private-deploy-版本号
在通用设置中,可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
前月后月的日期颜色:日期弹出框中,上个月日期和下个月日期的日期颜色。 选择范围的背景色:日期弹出框中,处于选择范围内日期的背景色。 日期弹出框内星期时间设置 星期背景色:日期弹出框内,星期几的背景色。 星期的字体颜色:日期弹出框内,星期几的字体颜色。 时间背景色:日期弹出框内,时间的背景色。 时间的字体颜色:日期弹出框内,时间的字体颜色。
参考使用空白画布新建页面中操作,新建大屏空白页面。 在大屏开发页面,单击,新建全局变量,如hotSelect。 图3 新建全局变量hotSelect 在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。
背景框 背景框是装饰组件的一种,包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求,选择不同的背景框,以增加视觉效果。 以自定义背景框为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
通过锁定功能,锁定多个可视化页面中已配置完成的组件,使之不被随意改动。 组件锁定后,不受可视化页面布局过程中的其他操作影响。 组件锁定后,无法在画布上对组件进行任何操作,直到解锁后才能恢复。 组件锁定后,可避免组件过多引起的误操作。 锁定组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
初始化组件message-en/message-zh的多语言信息,统一注册到独立的i18nVue实例中,供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑,初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 r
使用AstroCanvas开发可视化大屏页面、移动端页面,具备如下优势。 大屏资产数据服务对接,轻松接入,高效复用 功能介绍 多种数据接入能力,在大屏资产中心中可保存为多种卡片,快速进行业务调整,随心所选 、高效复用。 特性优势 丰富的数据源:预置10+数据源 。 数据轻松接入:3步接入,选择数据源/数据集,数据预览,数据对接组件。