更新时间:2024-07-11 GMT+08:00
分享

为AstroZero高级页面添加组件

高级页面组件分类

高级页面支持的组件类型,以及每个类型下所包含的具体组件,如表1所示。通过该表,可帮助您快速了解各组件的位置分类,更加高效的开发高级页面。当预置组件不满足需求时,还可以自定义组件并上传到高级页面中使用,详情请参见为AstroZero高级页面添加自定义组件

表1 高级页面预置组件

组件类型

组件

图表

  • 饼图:通过饼图的形式,将数据信息清晰的展示在页面上。包括实心圆饼图、轮播饼图、满月饼图、基本饼图、贪吃蛇饼图、玫瑰花饼图和渐变色饼图。
  • 线状图:通过折线变换的形式,对数据进行展现,可直观展示数据的变化趋势。包括区域图、多区域折线图、基本折线图和多折线图。
  • 水位图:通过水位图的形式,用于匹配不同风格、场景的高级页面。包括水位图、箭头水位图、水滴水位图、钻石水位图、三角形水位图、圆角矩形水位图和矩形水位图。
  • 柱状图:通过柱形图,来呈现数据整体的表现。包括进度条、水平基本柱图、水平堆叠柱图、折柱图、基本漏斗图、双向柱图、基本柱图、数据标记柱图、瀑布柱图和热力图。
  • 散点图:使用气泡形状,来展现数据的大小分布情况,包括散点图和气泡图。
  • 雷达图:通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。

媒体

  • 轮播:通过轮播的方式,来实现图片广告位的展示。
  • 图片:用于直接展示需要呈现的图片数据。
  • 视频播放器:用于播放FLV(Flash Video)格式的视频。

文本

  • 翻牌器:通过设置翻盘动画效果,来动态展示数据的变化过程。
  • 通用表格:通过表格的方式,将数据信息以表格的形式清晰的展示在高级页面上。
  • 时间展示:用于展示包含年月日、时分秒的全量时间,并可设置显示对应星期值。
  • 文本编辑:用于显示多行文本,可对接数据集并设置交互。
  • 文本:用于展示单行文本。

装饰

自定义背景框:装饰组件的一种,包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求,选择不同的背景框,以增加视觉效果。

仪表盘

仪表盘:通过仪表的特殊展示方式,对数据进行展示。

导航

  • 路由视图:通过配置不同页面,在当前页面呈现其它页面效果。该组件可降低对当前页面资源的占用,提升性能。
  • 路由导航(示例):通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据页面提供更多的交互模式。
  • 选项卡:用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。

其它

用户自定义的组件会显示在“其他”中。

为高级页面添加组件

高级页面是由一个或者多个组件拼装而成。在设计高级页面时,可通过分类快速定位到所需的组件,并将其拖动到画布中。

图1 为高级页面添加组件

相关文档