-
目录文件详解 - Astro大屏应用 AstroCanvas
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
-
{widget}.js - Astro大屏应用 AstroCanvas
"y": 9.76, "s": "服务载荷" } ]; }, }); 父主题: 目录文件详解
-
{widget}.editor.js - Astro大屏应用 AstroCanvas
editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
-
{widget}.css - Astro大屏应用 AstroCanvas
flex; flex - direction: column; flex: 1; height: 100 % ; } 父主题: 目录文件详解
-
{widget}.ftl - Astro大屏应用 AstroCanvas
<div ref="echartsDom" class="echarts-container"></div> </div> 父主题: 目录文件详解
-
packageinfo.json - Astro大屏应用 AstroCanvas
x。 i18n:指定组件的国际化资源文件,详细介绍请参见i18n.json。 requires:依赖的库名称和版本号。 父主题: 目录文件详解
-
i18n.json - Astro大屏应用 AstroCanvas
"Series", "setting": "EchartsWidgetTemplate Setting" } } 父主题: 目录文件详解
-
eventConfig - Astro大屏应用 AstroCanvas
eventConfig 字段介绍 eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下:
-
classfication - Astro大屏应用 AstroCanvas
classfication 字段介绍 classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。
-
文件介绍及示例 - Astro大屏应用 AstroCanvas
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。其中,“{widget}”为自定义组件的名称,如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
-
视频流 - Astro大屏应用 AstroCanvas
视频流 视频流是媒体组件的一种,主要用于对接监控视频流,在可视化应用中主要应用于监控场景需求,对接监控视频展示场景。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“视频流”组件至画布空白区域,如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可
-
propertiesConfig - Astro大屏应用 AstroCanvas
propertiesConfig 字段介绍 propertiesConfig是一个数组,用于保存组件配置项的相关字段,包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下
-
使用AstroCanvas预置模板搭建交通管理大屏 - Astro大屏应用 AstroCanvas
使用AstroCanvas预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态,如进出城车辆、路况信息和交通指数等,效果如图1所示。本入门以使用AstroCanvas中预置模板构建一个交通管理大屏为例,向您介绍如何在AstroCanvas中快速构建可视化页面。 图1
-
如何基于页面级的全局变量实现组件交互 - Astro大屏应用 AstroCanvas
AstroCanvas支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值。本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状态,可查看各个地区相应状态下的告警数量分布。 实现原
-
什么是Astro大屏应用 - Astro大屏应用 AstroCanvas
Canvas,简称AstroCanvas)以数据可视技术为核心,以屏幕轻松编排,多屏适配可视为基础,帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用,满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景
-
页面设置 - Astro大屏应用 AstroCanvas
页面创建后,支持修改页面的标题和描述信息。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待修改的页面上,单击。 修改页面标题,单击“更新”。 图1 编辑页面设置 页面标题:输入页面的标题,长度为1~100个字符。
-
应用场景 - Astro大屏应用 AstroCanvas
应用场景 智慧城市 工业制造 展示汇报 运营数据分析 业务监控 数据可视化大屏在智慧城市中扮演关键角色,可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据,帮助城市管理者及时监测城市运行状况,进行智慧决策,提升城市运行效率和居民生活质量。 图1 数字孪生城市IOC 图2 S市智慧城市大脑
-
登录AstroCanvas界面 - Astro大屏应用 AstroCanvas
登录AstroCanvas界面 在Astro轻应用中,您可以通过多种方式登录AstroCanvas。在使用AstroCanvas时,请结合实际情况,选择对应的方式登录AstroCanvas界面。本手册的界面操作及截图均以我是新用户为例。 我是新用户 新用户购买AstroCanva
-
代码结构介绍 - Astro大屏应用 AstroCanvas
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
-
HttpUtils工具类预置API一览表 - Astro大屏应用 AstroCanvas
CSRF-Token: csrfToken }, }) }); refreshToken 用于手动刷新页面的accesstoken,通常用在执行退出逻辑时,执行该方法刷新页面的accesstoken。使用方式参考如下: /* @param {*} connector * @param