-
高德地图 - Astro大屏应用 AstroCanvas
在弹窗上拖拽、缩放、旋转 (仅3D视图) 到期望位置后保存,组件的相应配置项会跟随更改。 图14 镜头编辑 数据 在数据中,设置高德地图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置高德地图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 地图
-
如何在页面URL参数中给全局变量赋值 - Astro大屏应用 AstroCanvas
状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“
-
组件设置 - Astro大屏应用 AstroCanvas
升级组件 单击“启用模拟数据”,对项目中的组件数据来源进行统一控制。 在页面中,组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”,可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中
-
内置API一览表 - Astro大屏应用 AstroCanvas
registerResizeEvent 监听必要的dom尺寸变化事件,画布resize时会触发重新绘制。 callFlowConn 根据组件配置的数据类型(数据集、桥接器、数据源和静态数据),获取数据。 beforeDestroy 组件销毁前的回调函数,组件自己实现继承。 init 组件初始化入口API,初始化组
-
发布项目 - Astro大屏应用 AstroCanvas
一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间资产的快速迁移。发布项目,支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前,请确保项目中的页面已发布。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
-
packageinfo.json - Astro大屏应用 AstroCanvas
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
-
组件响应动作实现 - Astro大屏应用 AstroCanvas
xxx}将事件抛出的xxx参数复制到itemVal中。然后select组件内统一从itemVal获取数据 this.setSelectVal.bind(this) ); 响应动作函数 /** * 数据刷新的响应动作函数示例 * 文件global_SelectWidget.js中, 与render函数平级定义
-
使用AstroCanvas开发告警处理情况统计移动端页面 - Astro大屏应用 AstroCanvas
作区域,即画布区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件,单击组件上方的,配置数据源,完成后单击“保存”。 “数据类型”选择“静态数据”,输入如下示例数据,并单击,格式化数据。 [{ "x": "10-01", "y": 311,
-
安装项目 - Astro大屏应用 AstroCanvas
其他用户在B环境AstroCanvas界面,单击“导入项目包”。 导入项目后,如果当前环境中不包含同名的数据源,会从项目包中安装数据源。新安装的数据源密码是空的,请在数据源中重新配置密码,也可以在项目页面的“数据”页签,单击“当前页面使用的数据”,重新配置。 图4 导入项目包 选择安装包,安装该项目即可。 安装成
-
{widget}.js - Astro大屏应用 AstroCanvas
getMockData 组件在没有对接外部数据源时,使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val,可以设置组件桩数据设置为简单二维对象数组[{val:123}]。
-
下载项目 - Astro大屏应用 AstroCanvas
下载项目 操作场景 项目发布后,在项目发布的版本管理中,可下载对应版本的项目包。 在AstroCanvas中导出项目时,项目包中包含的数据源密码会被置空。 操作步骤 在AstroCanvas界面的“项目列表”页面,单击待下载项目上的。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。
-
自定义组件开发规范 - Astro大屏应用 AstroCanvas
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
-
图表 - Astro大屏应用 AstroCanvas
钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图 水平堆叠柱图 数据标记柱图 瀑布柱图 基本柱图 散点图 气泡图 雷达图 父主题: 组件介绍
-
了解代码目录结构 - Astro大屏应用 AstroCanvas
多语言。例如,messages-zh.json为中文,messages-en.json为英文。 packageinfo.json:组件的元数据描述文件。 {widget}.css:组件的样式文件,在该文件中编写组件的CSS样式。 {widget}.editor.js:组件核心渲染
-
通用配置 - Astro大屏应用 AstroCanvas
label: { 'zh_CN': '间隔时间', 'en_US': 'Interval' }, tip: { 'zh_CN': '数据刷新间隔时间', 'en_US': 'Data Refresh Interval' }, events: { change: function
-
新建并开发自定义组件 - Astro大屏应用 AstroCanvas
dget内的按钮,另外一个Widget需要进行数据更新操作,或者是需要跳转到同个App下的其他页面,这时需要通过事件和动作的机制来实现。单击按钮是触发一个事件,该Widget需要选用“widgetEventTemplate”模板,数据更新操作或者页面跳转操作是一个动作,该Widg
-
Studio对象预置API一览表 - Astro大屏应用 AstroCanvas
置itemVal的值为“${e.xxx}”将事件抛出的“xxx”参数复制到itemVal中。然后select组件内统一从itemVal获取数据。select组件的内部处理API如上面代码。 inReader 判断当前页面状态是开发态或预览态,使用方式参考如下: if (!Studio
-
list - Astro大屏应用 AstroCanvas
el的情况下可以通过输入数字控制label的宽度(单位为px)。 tip Object 否 tip: { zh_CN: "当前排行榜展示的数据行数", en_US: "Number of data rows displayed in the current ranking page