历史版本12 :扩展图表-水球图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

水球图是填充仪表盘的一种,适合于展现单个百分比数据的图表类型。一般用以实时监控 cpu 和内存运行占比。实现效果如图所示:

2020-04-22_20-10-22 (1).gif

1.2 功能介绍

  • 支持数据动态轮播,数据可实时更新。

  • 支持调整标题、标签、图形和背景的样式。

  • 支持自定义轮播间隔和图表联动。

1.3 插件安装

点击下载插件:扩展图表插件

设计器插件安装方法参照:设计器插件管理

服务器安装插件方法参照:服务器插件管理

2. 示例编辑

2.1 数据准备

新建内置数据集,重命名为内存占用,如下图所示:

2020-04-22_20-11-36.png

2.2 报表设计

1)合并单元格,A1 单元格选择单元格元素>插入图表>扩展图表—仪表盘类>水球图,如下图所示:

2020-04-22_20-06-03.png

注:如果不合并单元格,需要调整单元格行高、列宽来实现水球图的最佳展示效果。

2)右侧单元格元素中选择 数据,设置 数据集、指标值、目标值,如下图所示:

2020-04-22_20-12-57.png

3)样式-标题,标题输入水球图,其余采用默认设置即可,如下图所示:

2020-04-22_20-14-29.png

4)样式-标签,此处默认勾选百分比,如下图所示:

222

5)样式-图形

  • 区间配置:区间颜色默认为自动;选择自定义时,可根据值划分 n 个阶段并且可设置各阶段颜色。

  • 动画:波浪动画默认为开启。

222

6)样式-背景,可设置图表区的背景填充,默认为深蓝色。

222

7)轮播联动设置请参考地图轮播联动

2.3 模板预览

保存模板,选择表单预览,效果如应用场景中所示。

注:暂不支持移动端。

3. 模板下载编辑

点击下载模板:水球图.cpt