历史版本40 :图表系列 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本迭代

JAR 包版本功能变动
2020-08-31图例 的形态属性删除,相关功能移到系列的颜色属性下

1.2 应用场景

图表系列是 图表样式 属性下的一个设置项,可以通过该设置项改变图表系列的显示样式和风格。

本文会将所有图表涉及到的基础通用系列设置项放在一起介绍,个别图表特殊设置项会在各自的文档单独介绍。

Snag_475200c4.png

1.3 功能介绍

不同类型的图表有不同的系列属性,如下图是柱形图的系列设置面板:

Snag_2d6e2f26.png

2. 设置介绍编辑

2.1 颜色

以地图为例,简单介绍下颜色属性下各设置项的概念和配置。

2.1.1 颜色划分:系列

颜色划分选择系列时,即直接设置系列的配色,设置项如下图所示:

1616490654670430.png

  • 配色方案:设计器内置了 22 种配色方案,可以自定义配色方案,配色详细介绍参见文档:图表预定义配色

  • 空值颜色:地图特有,当地图某个区域没有数据时显示的颜色

  • 不透明度:改变柱形颜色的不透明度

2.1.2 颜色划分:值

2020-08-31 及之后版本 JAR 包将图例的形态属性迁移到系列>颜色划分>值下,即通过渐变色效果展示系列值的大小。

注:支持颜色划分>值的图表有:钻取地图、热力地图、气泡图、散点图、地图、词云图。

1)连续渐变

设置系列值区间,为该值区间配置连续渐变色效果,设置项如下图所示:

1616490719251232.png

  • 自定义最大值、自定义最小值:设置渐变色区间,默认不勾选

  • 主题颜色:设置渐变的主颜色

  • 划分阶段:将渐变色划分为多个阶段

2)区域渐变

将系列值划分为多个区域段,每个区域段是一种颜色,区域段连在一起就是最终渐变效果,设置项如下图所示:

1616490776906412.png

  • 主题颜色:设置渐变的主颜色

  • 划分阶段:将系列值划分为多个阶段

  • 区间数值:设置每个阶段的数值,可分为自动和自定义设置。自动即系统默认的划分策略,自定义即用户手动设置区间

2.2 样式

1)柱形图、条形图、组合图

  • 固定柱宽:点击可以自定义柱宽,点击系统自动调整

  • 系列间隔:设置系列之间的距离,可以是负数,负数时柱形会有叠加重合的部分

  • 分类间隔:设置分类之间的距离

  • 图片填充:用图片填充柱形,详细介绍参见文档: 图表用图片填充系列

1616490858976559.png

2)饼图

  • 起始角度:设置整个饼图的起始角度,范围:0~360。

  • 终结角度:设置整个饼图的终结角度,范围:0~360。

  • 内径占比:将饼图设置成圆环效果,内径占比越大,圆环的内径越大,范围:0~100。

  • 半径设置:设置饼图的半径大小,有自动和固定2种,固定模式下可以自定义数值。

  • 可旋转:开启后,可以拖拽扇形旋转饼图,类似于大转盘的效果。

饼图样式的应用示例参见文档:半圆饼图环形饼图

1616490958619980.png

3)多指针仪表盘

  • 枢纽:选择仪表盘中央枢纽的颜色。

  • 枢纽背景:选择仪表盘中央枢纽周围的背景色。

  • 指针:选择指针的颜色。

  • 底盘背景:选择仪表盘整体的底盘背景色。

  • 半径设置:选择自动即采用默认半径;选择固定,可自定义仪表盘的半径。

Snag_2da2e0b6.png

4)百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘

  • 指针:此处控制指针的颜色,默认为透明。

  • 刻度槽:此处控制圆环的刻度槽背景颜色,默认为浅灰。

  • 半径设置:控制百分比刻度槽型仪表盘的大小,分为自动和固定两种类型。

  • 滑槽占比:改变仪表盘中间滑槽区域的大小。

1616491046990982.png

5)多层饼图

  • 层次渐变:此处控制层次的颜色渐变,可选择渐浅和渐深。

  • 起始角度:饼图的起始角度,可选择0~360之间的整数,默认为 0 。

  • 终结角度:饼图的终结角度,可选择0~360之间的整数,默认为 360 。

  • 内径占比:此处可设置饼图内部空白区域的内径占比,默认为 0(实心饼图)。

  • 钻取:此处可设置多层饼图是否支持钻取,默认为开启钻取。

  • 可旋转:此处可设置多层饼图是否支持旋转,默认为开启。

1616491119782961.png

6)矩形树图

  • 钻取:可选择是否开启钻取功能

Snag_2dab01b4.png

7)漏斗图

  • 连续性:可以改变系列图形的连续性,分为连续和不连续,默认为连续,可根据实际场景选择。

  • 排序:分为自动排序和原样展示两种,默认为自动排序,原样展示是按数据集的顺序展示。

Snag_2dac4a41.png

8)热力地图

  • 渲染半径:此处可控制热力点的半径大小。

  • 模糊度:此处可控制热力点的模糊度。

1616491167517301.png

9)词云

  • 形状:分为默认、云、漏斗类型、金字塔、小屋、拇指、地图、货币这些形状,可根据自己的需要选择词云的形状。

  • 旋转角度:范围从-90~90,控制词的旋转角度。

  • 字体:选择词的字体,默认为微软雅黑。

  • 自定义:分为自动和指定大小两种,指定大小可控制词的大小范围。

Snag_2daeddae.png

10)甘特图

  • 系列换行:控制甘特图的系列是否在同一行显示,默认为关闭

Snag_2db0a4d2.png

2.3 边框

设置系列的边框样式,每种图表的边框设置面板如下图所示:

  • 线型:下拉选择边框线的粗细,共有 4 种

  • 颜色:设置边框线的颜色

  • 圆角:设置边框的圆角效果

  • 不透明度:地图特有,设置边框线的不透明度

1)饼图、雷达图、多层饼图、矩形树图、漏斗图、

Snag_2db266d5.png

2)柱形图、条形图、组合图、

1616491308251081.png

3)地图、钻取地图、热力地图

1616491254672834.png

2.4 趋势线

趋势线用于描述数据变化的趋势,是系列的一种属性,可设置趋势线的图表包括:条形图、折线图、散点图、组合图、柱状图、面积图。设置界面如下图所示:

名称:设置趋势线的名称

线型:可设置为实线虚线

线宽:设置趋势线宽度

颜色:设置趋势线颜色

类型:共有4种,详细介绍参见文档 图表趋势线原理

预测:设置趋势线的预测周期,可分析过去,预测未来

1616491370793425.png

简单示例,打开模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\自定义标签数据格式柱形图.cpt

1)横轴是分类轴

如果横轴是分类轴,预测对应的分类轴标签内容为空白。

选中图表,点击图表属性表-样式>系列>趋势线,如下图,选择粗线型、灰色、对数拟合,预测前推 1 周期,后推 2 周期:

预览效果如下:
222
2)横轴是时间坐标轴或数值坐标轴

如果横轴是时间轴或者值轴,则对应的一个周期等于当前的主要刻度值大小。

如果前推或后推n周期,则对应图表前推或者后推 n 个刻度大小,且需要显示前置或者后置范围内的坐标轴标签值。
选中图表点击样式>坐标轴>X轴,类型改成数值坐标轴,值定义和格式如下设置:

预览效果如下:
222

注:点击系列图例时,该系列对应的趋势线也相应隐藏或出现,同时趋势线图例也相应灰化或显示。

2.5 大数据

当数据量很大,达到万级的时候,图表加载会比较慢,这时可以开启大数据模式,详细介绍参见文档:大数据图表,如下图所示:

支持大数据模式的图表:折线图、面积图、散点图、气泡图、流向地图、点地图、组合地图。

Snag_2dc8f965.png

2.6 线

当图表的系列包含线型时,可以设置线型的属性,如下图所示:

支持设置线型的图表包括:折线图、面积图、雷达图、散点图、组合图

  • 线型:支持设置实线虚线

  • 线宽:设置线的粗细

  • 形态:设置线条的形状,有 3 个选项

  • 空值断开:开启时数据为空的点连线断开

1616491467827285.png

2.7 标记点

当图表的系列包含标记点时,可以设置标记点的属性,如下图所示:

支持设置标记点的图表包括:折线图、面积图、雷达图、散点图、组合图

  • 点样式:选择自定义,可以使用图片填充作为标记点

  • 类型:改变标记点的形状,内置了 8 种样式可供选择

  • 填充颜色:设置标记点的颜色

  • 半径:改变标记点的大小

1616491533355517.png

支持设置标记点的图表在类型上有所不同,下面单独介绍:

1)折线图

  • 自动:选择自动时,根据视觉设计规则判断是显示实心圆标记点还是无标记点

  • 无:选择无时,前端不显示标记点,但是鼠标悬浮在折线图上时,会显示默认的标记点。

Snag_32fde52e.png

2)散点图

  • 自动:选择自动时,根据系列数自动分配常规的内置标记点类型。

Snag_3373c2f2.png

3)面积图、雷达图

  • 无:选择无时,前端不显示标记点,但是鼠标悬浮在折线图上时,会显示默认的标记点。

Snag_3378dc00.png