检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述,需要国际化。 暴露给全局变量的字段,一定要在触发事件参数中定义,如图3。 图3 定义字段 父主题: 组件交互
考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val,可以设置组件桩数据设置为简单二维对象数组[{val:123}]。
实例化代码块:和初始化代码块类似,实例化代码块的目的是构造echarts setOption所需要的option对象(setOption对象平台会自动执行)。
window.Studio.registerEvents(this, 'clickSeries', { zh_CN: '点击系列', en_US: 'Click Series' }); clickSeries对象中,“desc”是对事件selectItem的解释。
config Array config: [] config数组中,每一个对象保存的配置项信息。config中,配置项的介绍,请参见组件配置项(Config配置)。 父主题: {widget}.editor.js
图2 新建echarts单击系列事件 在事件实现中,输入如下代码,即echarts实例的“单击系列”动作将会发送此事件,携带参数为echarts传递的事件对象。
DWS数据源 数据仓库服务(Data Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。更多关于DWS的介绍,请参见
参数说明如下: thisObj:当前组件实例对象,指为该组件注册动作。 actionName:动作名称。 Action Label:动作标签名,在动作列表中展示的动作标题。 []:事件触发时传入的参数。
趋势 趋势是文本组件的一种,用于展示数据变化的趋势。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“趋势”组件至画布空白区域,如图1。 图1 趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成
多趋势 多趋势用于显示数据变化的多个趋势值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“多趋势”组件至画布空白区域,如图1。 图1 多趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面,具备如下优势。 大屏资产数据服务对接,轻松接入,高效复用 功能介绍 多种数据接入能力,在大屏资产中心中可保存为多种卡片,快速进行业务调整,随心所选 、高效复用。 特性优势 丰富的数据源:预置10+数据源 。 数据轻松接入
翻牌器 翻牌器是文本组件的一种,通过设置翻盘动画效果,来动态展示数据的变化过程。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“翻牌器”组件至画布空白区域,如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题
eventConfig其实是一个对象,里面包含组件触发的自定义事件、自定义事件的说明以及事件对外输出的变量名、变量含义。
图标进度条 图标进度条是柱状图的一种,通过图标和进度条可实现百分比展示能力,同时支持自定义图标。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“图标进度条”组件至画布空白区域,如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
使用模板新建页面 操作场景 AstroCanvas中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。 系统预置:AstroCanvas中预置的页面模板,涵盖综合态势、资产统计、设备管理和环境态势等典型场景
DWS 数据仓库服务(Data Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。更多关于DWS的介绍,请参见DWS
发布页面 通过发布功能,无需进入开发页面,即可获取页面的访问地址。 发布页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后的图标
使用空白画布新建页面 从零开始,通过拖拽组件、设置页面布局、数据源等,构建AstroCanvas大屏&PC端页面。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录AstroCanvas界面中操作,登录AstroCanvas
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroCanvas
如何自定义库 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。 自定义库 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文件,在该文件中列出