检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 在
数据集管理 (可选)新建目录 静态数据 关系型数据库 ROMA连接器 AstroZero API AstroZero DLI DWS HTTP连接器 Prometheus 复制数据集 复制数据集到其它工作空间 分享数据集 删除数据集 父主题: 数据中心
图解Astro大屏应用
视化大屏应用,满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景 视频介绍 为什么选择Astro大屏应用 多种数据接入能力,在大屏资产中心里,可保存多种卡片,快速进行业务调整,随心所选 、高效复用。 同一租户
我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。 系统教程 系统教程中提供了一些AstroCanvas的相关视频教程,通过视频有助于您更快速的上手AstroCanvas。 默认团队空间 AstroCanvas支持按照团队空间进行资源隔离和授权,更多介绍请参见创建工作空间。
预置400+各类组件,配合自定义组件能力,实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件:各类图表、地图、视频、二三维引擎、Echarts组件等等,快速进行数据可视化。 自定义组件能力:提供自定义组件能力及配套脚手架,轻松实现用户定制化二次开发。
DLI 操作场景 基于数据湖探索(Data Lake Insight,简称DLI)服务的数据集。 前提条件 连接的数据源已创建,如何创建请参见DLI数据源。 在DLI构建数据 登录DLI服务控制台。 参考创建并提交Spark SQL作业中操作,创建队列、数据库和表。 例如,创建了
dispatchAction({ type: 'highlight', dataIndex: params.dataIndex, }); 单击“新增参数”,设置参数名称为“dataIndex”。 图2 新增dataIndex字段 选中echarts组件,单击,进入组件交互页面。 在作为
Shower Rain 301 强阵雨 Heavy Shower Rain 302 雷阵雨 Thundershower 303 强雷阵雨 Heavy Thunderstorm 304 雷阵雨伴有冰雹 Thundershower with hail 305 小雨 Light Rain 306
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类
的实际实现 */ render() { const widgetContainer = this.getContainer(); if (!widgetContainer) return; this.initI18n(); this.initReaderVm(this
v-model="username"></mt-field> <mt-field label="email" placeholder="Input email" type="email" v-model="email"></mt-field> <mt-field label="password"
es对象中的每个属性的value只能是String类型。 getContainer 一般用于在初始化阶段,获取组件dom,无入参,使用方式参考如下: var elem = thisObj.getContainer(); var readerVm = new Vue({ el:$("#select"
id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom" class="echarts-container"></div> </div> 父主题: 目录文件详解
#EchartsWidgetTemplate { height: 100 % } #EchartsWidgetTemplate.echarts - container { display: flex; flex - direction: column; flex: 1; height: 100
的实际实现 */ render() { const widgetContainer = this.getContainer(); if (!widgetContainer) return; this.initI18n(); this.initReaderVm(this
设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图3 新建数据集 数据集名称:数据集的名称,用于标识该数据集。本示例配置为getWarnDetailByStatus。 数据源连接:选择1中创建的数据源。 目录:设置数据集的存放目录。 责任人:数据集的创建者。 描述:数据集的描述信息,通常设置为数据集的功能。
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。 购买“Astro大屏应用企业版”实例时,才会显示该组件。 在大屏设计页面,从“全部组件 > 3D场景编辑器”中,拖拽“图观端场景编辑器”组件至画布空白区域,如图1。 图1 图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。