历史版本19 :多指针仪表盘 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

仪表盘是像一个钟表或者可读盘,有刻度和指针,其中刻度表示度量,指针表示维度,指针角度表示数值,指针指向当前数值。

利用多指针的仪表盘,可以直观地表现出多个指标的进度或实际情况。

1.2 图表特点

优点:直观的表现出多个指标的进度或实际情况,主要用于进度或占比的展现。

缺点:指标过多显示容易杂乱,展示信息有限。

2. 属性介绍编辑

2.1 类型

以单元格元素或悬浮元素插入仪表盘后,可在右边属性面板的类型设置项下,自由选择前2种子类型,如下图所示:

1586597985749588.png

2.1.1 多指针的仪表盘360度

仪表盘是一种特殊的图表类型,用于展现关键指标数据。

2020-04-11_18-42-12.png


2.1.2 多指针的仪表盘180度

仪表盘是一种特殊的图表类型,用于展现关键指标数据,180度可节省空间且更加直观。

2020-04-11_18-42-43.png


2.2 数据

仪表盘数据绑定的详细介绍可以参见文档:图表数据

2.3 样式

仪表盘样式设计的详细介绍可以参见文档:图表样式

2.4 特效

仪表盘特效设置的详细介绍可以参见文档:图表特效

3. 示例编辑

3.1 报表设计

3.1.1 数据准备

新建数据集 ds1,数据库查询语句如下:

select 类别名称,库存量,订购量,再订购量 from 产品,类别

where 产品.类别ID=类别.类别ID and 类别名称="饮料" 

2020-04-11_18-33-35.png

3.1.2 组件设计

将2个多指针的仪表盘拖拽到 body 组件中,分别设置成2个不同的子类型,调整它们之间的位置关系,如下图所示:

2020-04-11_18-20-05.png

3.1.3 数据绑定

2个子类型的数据绑定方法是一样的,如下图所示:

2020-04-11_18-34-11.png

3.1.4 样式设计

多指针的仪表盘的样式只需要改个标题,其余默认设置即可。

3.2 效果预览

1)PC 端

保存报表,点击表单预览,效果如下图所示:

2020-04-11_18-36-14.png



2)移动端

QQ图片20200411183950.jpg



4. 模板下载编辑

点击下载模板:多指针的仪表盘.frm