分钟级构建可视化大屏-Astro Canvas

帮忙全民开发者轻松搭建专业水准的数据可视化应用

Astro大屏应用

Astro大屏应用(Astro Canvas)以数据可视技术为核心,以屏幕轻松编排、多屏适配可视为基础,帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用,满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。

制作可视化应用,面临的挑战

制作可视化应用,在传统方式下通常面临如下挑战

  • 开发过程费事费力

    传统方式下,开发可视化应用周期长,开发门槛高

    传统方式下,开发可视化应用周期长,开发门槛高

  • 开发质量难以保证

    缺乏专业的视觉设计,开发结果与客户预期不一致

    缺乏专业的视觉设计,开发结果与客户预期不一致

  • 无法快速复制

    传统方式下,可视化能力自建重复投入,无法资料化沉淀

    传统方式下,可视化能力自建重复投入,无法资料化沉淀

为什么选择Astro Canvas

  • 轻松编排、灵活配置

    简单拖拽、自由组合、预置丰富的样式、组件和大屏模板,实时预览,轻松搭建大屏。业务人员和运营人员也可基于需求快速配置大屏。

    简单拖拽、自由组合、预置丰富的样式、组件和大屏模板,实时预览,轻松搭建大屏。业务人员和运营人员也可基于需求快速配置大屏。

  • 自定义大屏模板

    大屏模板作为资产沉淀,可在项目中快速复用。

    大屏模板作为资产沉淀,可在项目中快速复用。

  • 灵活部署与发布

    多端发布自动适配,支持多种部署方式,大型项目可视化大屏轻松呈现。

    多端发布自动适配,支持多种部署方式,大型项目可视化大屏轻松呈现。

如何使用Astro Canvas开发可视化应用

【实战】交通管理是城市管理的重点,例如进出城车辆、路况信息和交通指数等。使用Astro Canvas大屏提供的交通管理模板,只需几步即可完成可视化应用开发。

步骤1:登录Astro Canvas界面

步骤1:登录Astro Canvas界面

支持从开发环境的经典版首页、新版设计器和运行环境登录。

步骤2:新建项目

步骤2:新建项目

在创建Astro Canvas页面前,需要先创建项目。一个项目对应一个站点,在该站点中可以创建多个页面。

步骤3:使用模板快速创建交通管理大屏

步骤3:使用模板快速创建交通管理大屏

通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。

步骤4:预览页面效果

步骤4:预览页面效果

在Astro Canvas中开发大屏页面时,支持直接在线预览效果,确保开发编辑效果与发布后运行效果一致。

步骤5:发布获取访问地址

步骤5:发布获取访问地址

预览效果符合预期后,可直接发布大屏页面,获取访问地址。

Astro Canvas使用过程中常见问题

常见问题

  • 如何设置页面间参数传递

    Astro Canvas开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。

    查看详情

  • 如何配置专用存储

    当用户配置了多种存储或同一种存储配置了多个桶时,Astro Canvas默认使用AstroZero提供的内置存储。若需要改用其他的存储,需要通过配置系统参数使用指定的存储。

    查看详情

  • 如何进行设置页面

    在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。

    查看详情

  • 如何设置分享码

    Astro Canvas支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。

    查看详情

  • 如何设置Token认证

    将Astro Canvas中的页面,嵌入到其他系统(第三方系统)时,需要设置Token认证。嵌入后,在第三方系统中可直接查看嵌入的Astro Canvas页面数据。

    查看详情

  • 如何上传素材

    AstroZero支持开发者上传本地素材到Astro Canvas资产库中。

    查看详情