报表组件

1、报表组件-折线图

表单设计界时,在左侧报表组件中选中折线图组件后拖拽至中心面板区域即可显示折线图组件效果,如下图所示:

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)Y轴数据类型(可作用于:左右两侧Y轴)

有三种类型可选择:Kmb、千分位、百分比。默认:左侧(千分位)右侧(无)。

(4)Y轴标题(可作用于:左右两侧Y轴)

可在Y轴左右两侧的数据类型上方显示标题内容。默认:左侧(无)右侧(无)。

(5)Y轴颜色

用于更改Y轴显示颜色。默认:无。

(6)Y轴左轴线显示、Y轴右轴线显示

可隐藏或显示Y轴左右侧轴线,如需要显示还可选择轴线颜色。默认:全部隐藏。

(7)X轴数据类型

X轴数据类型分为:类目、数值、时间、对数。默认:类目。

(8)X轴标题

可编辑X轴标题内容。默认:空。

(9)X轴颜色

用于更改X轴显示颜色。默认:无。

(10)X轴轴线显示

可隐藏或显示X轴轴线,如需要显示还可选择轴线颜色。默认:隐藏。

(11)横坐标倾斜度

可改变X轴的横坐标倾斜度。默认:0。

(12)堆积面积

启用后可显示折线图数据覆盖面积。默认:禁用。

(13)显示图例

当存在多组数据集合时,开启显示图例后即可在运行界面根据想要看的数据结果进行关闭不同的数据集合,让折线图来达到不同的数据对比效果。默认:启用。

(14)显示提示框

当开启显示提示框时,可在运行时查看每一个数据节点的详细数据。默认:启用。

(15)显示指标数据

在运行时,折线图数据集合显示详细的指标数据。默认:禁用。

(16)图例

可更改图例颜色。

(17)显示分割线(左)

可选择启用或禁用在运行时显示指标分割线。默认:启用。

(18)Y轴初始值[左,右]

初始值分为:最小值、0,默认:0。

(19)样式

样式分为:高度Px(默认:启用,值350),高度%(默认:禁用)。

(20)网格样式

网格样式分为:顶部距离(默认:50)、底部距离(默认:50)、左侧距离(默认:50)、右侧距离(默认:50)。

(21)约束

可见:表示是否在表单中可见,默认勾选。

方法

重绘

事件

2 报表组件-柱状图

表单设计界时,在左侧报表组件中选中柱状图组件后拖拽至中心面板区域即可显示柱状图组件效果,如下图所示:

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)Y轴数据类型(可作用于:左右两侧Y轴)

Y轴数据类型分为:Kmb、千分位、百分比。默认:左侧(千分位)右侧(无)。

(4)Y轴标题(可作用于:左右两侧Y轴)

可在Y轴左右两侧的数据类型上方显示标题内容。默认:左侧(无)右侧(无)。

(5)Y轴颜色

用于更改Y轴显示颜色。默认:无。

(6)Y轴左轴线显示、Y轴右轴线显示

可隐藏或显示Y轴左右侧轴线,如需要显示还可选择轴线颜色。默认:全部隐藏。

(7)X轴数据类型

X轴数据类型分为:类目、数值、时间、对数。默认:类目。

(8)X轴标题

可编辑X轴标题内容。默认:空。

(9)X轴颜色

用于更改X轴显示颜色。默认:无。

(10)X轴轴线显示

可隐藏或显示X轴轴线,如需要显示还可选择轴线颜色。默认:隐藏。

(11)标线

可在柱状图运行时分别显示出:最小值、最大值、平均值的标线。默认:不选择。

(12)标注

可在柱状图运行时分别显示出:最小值、最大值、平均值的标注。默认:不选择。

(13)横坐标倾斜度

可改变X轴的横坐标倾斜度。默认:0。

(14)显示图例

当存在多组数据集合时,开启显示图例后即可在运行界面根据想要看的数据结果进行关闭不同的数据集合,让柱状图来达到不同的数据对比效果。默认:启用。

(15)显示提示框

当开启显示提示框时,可在运行时查看每一个数据节点的详细数据。默认:启用。

(16)显示指标数据

在运行时,柱状图数据集合显示详细的指标数据。默认:禁用。

(17)显示分割线(左)

可选择启用或禁用在运行时显示指标分割线。默认:启用。

(18)图例

可更改图例颜色。

(19)Y轴初始值[左,右]

初始值分为:最小值、0,默认:0.

(20)样式

样式分为:高度Px(默认:启用,值350),高度%(默认:禁用)。

(21)网格样式

网格样式分为:顶部距离(默认:60)、底部距离(默认:60)、左侧距离(默认:50)、右侧距离(默认:50)。

(22)约束

可见:表示是否在表单中可见,默认勾选。

方法

重绘

事件

3、报表组件-条形图

表单设计界时,在左侧报表组件中选中条形图组件后拖拽至中心面板区域即可显示条形图组件效果,如下图所示:

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)Y轴颜色

用于更改Y轴显示颜色。默认:无。

(4)Y轴左轴线显示

可隐藏或显示Y轴左侧轴线,如需要显示还可选择轴线颜色。默认:隐藏。

(5)X轴数据类型

X轴数据类型分为:类目、数值、时间、对数。默认:类目。

(6)X轴标题

可底部或顶部编辑X轴标题内容。默认:空。

(7)X轴颜色

用于更改X轴显示颜色。默认:无。

(8)X轴轴线显示

可隐藏或显示X轴轴线,如需要显示还可选择轴线颜色。默认:隐藏。

(9)横坐标倾斜度

可改变X轴的横坐标倾斜度。默认:0。

(10)显示图例

当存在多组数据集合时,开启显示图例后即可在运行界面根据想要看的数据结果进行关闭不同的数据集合,让条形图来达到不同的数据对比效果。默认:启用。

(11)显示提示框

当开启显示提示框时,可在运行时查看每一个数据节点的详细数据。默认:启用。

(12)显示指标数据

在运行时,柱状图数据集合显示详细的指标数据。默认:禁用。

图例。

(13)图例

可更改图例颜色。

(14)显示分割线(下)

可选择启用或禁用在运行时显示指标分割线。默认:启用。

(15)Y轴初始值[上,下]。

初始值分为:最小值、0,默认:0。

(16)样式

样式分为:高度Px(默认:启用,值350),高度%(默认:禁用)。

(17)网格样式

网格样式分为:顶部距离(默认:50)、底部距离(默认:50)、左侧距离(默认:50)、右侧距离(默认:50)。

(18)约束

可见:表示是否在表单中可见,默认勾选。

方法

重绘

事件

4、报表组件—雷达图

  表单设计界时,在左侧报表组件中选中雷达图组件后,拖拽至中心面板区域即可显示雷达图组件效果,如下图所示:


属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)显示图例

当存在多组数据集合时,开启显示图例后即可在运行界面根据想要看的数据结果进行关闭不同的数据集合,让雷达图来达到不同的数据对比效果。默认:启用。

(4)显示提示框

当开启显示提示框时,可在运行时查看每一个数据节点的详细数据。默认:启用。

(5)图例

可更改图例颜色。

(6)样式

可更改图例颜色。

(7)约束

可见:表示是否在表单中可见,默认勾选。

方法

重绘

事件

5、报表组件—饼图

   表单设计界时,在左侧报表组件中选中饼图组件后,拖拽至中心面板区域即可显示饼图组件效果,如下图所示:

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)数据类型

有三种类型可选:Kmb、千分位、百分比。默认:(千分位)

(4)玫瑰图数值依据

玫瑰图数值依据分为:半径、面积。

(5)显示扇形上限

默认值:5。

(6)显示图例

当存在多组数据集合时,开启显示图例后即可在运行界面根据想要看的数据结果进行关闭不同的数据集合,让饼图来达到不同的数据对比效果。默认:启用。

(7)显示提示框

当开启显示提示框时,可在运行时查看每一个数据节点的详细数据。默认:启用。

(8)样式

样式分为:高度Px(默认:启用,值85),高度%(默认:禁用)。

(9)约束

可见:表示是否在表单中可见,默认勾选。

方法

重绘

事件

6、报表组件—仪表盘

表单设计界时,在左侧报表组件中选中仪表盘组件后,拖拽至中心面板区域即可显示仪表盘组件效果,如下图所示:

属性-仪表盘

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)数据类型

有三种类型可选:分为:Kmb、千分位、百分比。默认:空。

(4)区域颜色配置

区域占比值为小数,最后一块区域值正常为1(剩余填充)。可更换区域颜色。

(5)显示图例

当存在多组数据集合时,开启显示图例后即可在运行界面根据想要看的数据结果进行关闭不同的数据集合,让饼图来达到不同的数据对比效果。默认:启用。

(6)显示提示框

当开启显示提示框时,可在运行时查看每一个数据节点的详细数据。默认:启用。

(7)样式

高度:高度Px(默认:启用,值350),高度%(默认:禁用),二者选其一。

背景色:默认色号“#FFFFFF”

(8)约束

可见:表示是否在表单中可见,默认勾选。

方法

事件

属性-仪表盘(新)

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)主标题

仪表盘的标题,默认:达成率。

(4)最大刻度

仪表盘刻度上限,默认:100。

(5)表盘半径

仪表盘半径,默认:80px。

(6)表盘上下位置

表盘顶点距离上边缘的距离,默认60px。

(7)高度

表盘页高度,默认350px。

(8)区域颜色配置

区域占比值为小数,最后一块区域值正常为1(剩余填充)。可更换区域颜色。

(9)样式

可设置:标题颜色,值颜色,数值背景色,短刻度颜色,长刻度颜色,背景色

方法

事件

7、报表组件—性能分析

表单设计界时,在左侧报表组件中选中性能分析组件后拖拽至中心面板区域即可显示性能分析组件效果,如下图所示:

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)主标题

性能表的标题,默认:profile。

(4)主标题色

默认:黑色

(5)下方滚动条

表格下方显示滚动条,默认:不勾选。

(6)高度

设置性能分析表高度,默认420px。

(7)样式

背景色:默认“#FFFFFF”。

(8)约束

可见:表示是否在表单中可见,默认勾选。

方法

事件

8、报表组件—KPI

表单设计界时,在左侧报表组件中选中KPI组件后拖拽至中心面板区域即可显示KPI组件效果,如下图所示:

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,如无特殊需求无需更改。

(3)样式

选择图标样式,默认:el-icon-video-pause;

(4)标题一

默认:请输入;

(5)标题二

默认:36868;

(6)标题一文字大小:默认20px;

(7)标题二文字大小:默认12px;

(8)标题一文字颜色:默认“#303133”;

(9)标题二文字颜色:默认“#303133”;

(10)背景色:默认“#F05050”;

(11)图片上传:点击上传按钮上传图片。

上传图片后可选择对齐方式:有四种选择,居上,居下,居左,居右,默认居左。

方法

事件


400-859-2939
产品服务
用户服务
公司
服务热线:400-859-2939
地址:江苏省苏州工业园区裕新路168号脉山龙大厦1号楼402室
邮箱:contact@leanpec.com
联系我们
欢迎关注精益派微信公众号
联系方式
 
 
联系方式:400-859-2939
欢迎关注精益派微信公众号