1. 概述
1.1 版本迭代
JAR 包版本 | 功能变动 |
---|---|
2020-08-31 | 图例 的形态属性删除,相关功能移到系列的颜色属性下 |
1.2 应用场景
图表系列是 图表样式 属性下的一个设置项,可以通过该设置项改变图表系列的显示样式和风格。
本文会将所有图表涉及到的基础通用系列设置项放在一起介绍,个别图表特殊设置项会在各自的文档单独介绍。
1.3 功能介绍
不同类型的图表有不同的系列属性,如下图是柱形图的系列设置面板:
2. 设置介绍
2.1 颜色
以地图为例,简单介绍下颜色属性下各设置项的概念和配置。
2.1.1 颜色划分:系列
颜色划分选择系列时,即直接设置系列的配色,设置项如下图所示:
配色方案:设计器内置了 22 种配色方案,可以自定义配色方案,配色详细介绍参见文档:图表预定义配色
空值颜色:地图特有,当地图某个区域没有数据时显示的颜色
不透明度:改变柱形颜色的不透明度
2.1.2 颜色划分:值
2020-08-31 及之后版本 JAR 包将图例的形态属性迁移到系列>颜色划分>值下,即通过渐变色效果展示系列值的大小。
注:支持颜色划分>值的图表有:钻取地图、热力地图、气泡图、散点图、地图、词云图。
1)连续渐变
设置系列值区间,为该值区间配置连续渐变色效果,设置项如下图所示:
自定义最大值、自定义最小值:设置渐变色区间,默认不勾选
主题颜色:设置渐变的主颜色
划分阶段:将渐变色划分为多个阶段
2)区域渐变
将系列值划分为多个区域段,每个区域段是一种颜色,区域段连在一起就是最终渐变效果,设置项如下图所示:
主题颜色:设置渐变的主颜色
划分阶段:将系列值划分为多个阶段
区间数值:设置每个阶段的数值,可分为自动和自定义设置。自动即系统默认的划分策略,自定义即用户手动设置区间
2.2 样式
1)柱形图、条形图、组合图
固定柱宽:点击是可以自定义柱宽,点击否系统自动调整
系列间隔:设置系列之间的距离,可以是负数,负数时柱形会有叠加重合的部分
分类间隔:设置分类之间的距离
图片填充:用图片填充柱形,详细介绍参见文档: 图表用图片填充系列
2)饼图
起始角度:设置整个饼图的起始角度,范围:0~360。
终结角度:设置整个饼图的终结角度,范围:0~360。
内径占比:将饼图设置成圆环效果,内径占比越大,圆环的内径越大,范围:0~100。
半径设置:设置饼图的半径大小,有自动和固定2种,固定模式下可以自定义数值。
可旋转:开启后,可以拖拽扇形旋转饼图,类似于大转盘的效果。
3)多指针仪表盘
枢纽:选择仪表盘中央枢纽的颜色。
枢纽背景:选择仪表盘中央枢纽周围的背景色。
指针:选择指针的颜色。
底盘背景:选择仪表盘整体的底盘背景色。
半径设置:选择自动即采用默认半径;选择固定,可自定义仪表盘的半径。
4)百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘
指针:此处控制指针的颜色,默认为透明。
刻度槽:此处控制圆环的刻度槽背景颜色,默认为浅灰。
半径设置:控制百分比刻度槽型仪表盘的大小,分为自动和固定两种类型。
滑槽占比:改变仪表盘中间滑槽区域的大小。
5)多层饼图
层次渐变:此处控制层次的颜色渐变,可选择渐浅和渐深。
起始角度:饼图的起始角度,可选择0~360之间的整数,默认为 0 。
终结角度:饼图的终结角度,可选择0~360之间的整数,默认为 360 。
内径占比:此处可设置饼图内部空白区域的内径占比,默认为 0(实心饼图)。
钻取:此处可设置多层饼图是否支持钻取,默认为开启钻取。
可旋转:此处可设置多层饼图是否支持旋转,默认为开启。
6)矩形树图
钻取:可选择是否开启钻取功能
7)漏斗图
连续性:可以改变系列图形的连续性,分为连续和不连续,默认为连续,可根据实际场景选择。
排序:分为自动排序和原样展示两种,默认为自动排序,原样展示是按数据集的顺序展示。
8)热力地图
渲染半径:此处可控制热力点的半径大小。
模糊度:此处可控制热力点的模糊度。
9)词云
形状:分为默认、云、漏斗类型、金字塔、小屋、拇指、地图、货币这些形状,可根据自己的需要选择词云的形状。
旋转角度:范围从-90~90,控制词的旋转角度。
字体:选择词的字体,默认为微软雅黑。
自定义:分为自动和指定大小两种,指定大小可控制词的大小范围。
10)甘特图
系列换行:控制甘特图的系列是否在同一行显示,默认为关闭。
2.3 边框
设置系列的边框样式,每种图表的边框设置面板如下图所示:
线型:下拉选择边框线的粗细,共有 4 种
颜色:设置边框线的颜色
圆角:设置边框的圆角效果
不透明度:地图特有,设置边框线的不透明度
1)饼图、雷达图、多层饼图、矩形树图、漏斗图、
2)柱形图、条形图、组合图、
3)地图、钻取地图、热力地图
2.4 趋势线
趋势线用于描述数据变化的趋势,是系列的一种属性,可设置趋势线的图表包括:条形图、折线图、散点图、组合图、柱状图、面积图。设置界面如下图所示:
名称:设置趋势线的名称
线型:可设置为实线或虚线
线宽:设置趋势线宽度
颜色:设置趋势线颜色
类型:共有4种,详细介绍参见文档 图表趋势线原理
预测:设置趋势线的预测周期,可分析过去,预测未来
简单示例,打开模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\自定义标签数据格式柱形图.cpt
1)横轴是分类轴
如果横轴是分类轴,预测对应的分类轴标签内容为空白。
选中图表,点击图表属性表-样式>系列>趋势线,如下图,选择粗线型、灰色、对数拟合,预测前推 1 周期,后推 2 周期:
预览效果如下:
2)横轴是时间坐标轴或数值坐标轴
如果横轴是时间轴或者值轴,则对应的一个周期等于当前的主要刻度值大小。
如果前推或后推n周期,则对应图表前推或者后推 n 个刻度大小,且需要显示前置或者后置范围内的坐标轴标签值。
选中图表点击样式>坐标轴>X轴,类型改成数值坐标轴,值定义和格式如下设置:
预览效果如下:
注:点击系列图例时,该系列对应的趋势线也相应隐藏或出现,同时趋势线图例也相应灰化或显示。
2.5 大数据
当数据量很大,达到万级的时候,图表加载会比较慢,这时可以开启大数据模式,详细介绍参见文档:大数据图表,如下图所示:
支持大数据模式的图表:折线图、面积图、散点图、气泡图、流向地图、点地图、组合地图。
2.6 线
当图表的系列包含线型时,可以设置线型的属性,如下图所示:
支持设置线型的图表包括:折线图、面积图、雷达图、散点图、组合图
线型:支持设置实线或虚线
线宽:设置线的粗细
形态:设置线条的形状,有 3 个选项
空值断开:开启时数据为空的点连线断开
2.7 标记点
当图表的系列包含标记点时,可以设置标记点的属性,如下图所示:
支持设置标记点的图表包括:折线图、面积图、雷达图、散点图、组合图
点样式:选择自定义,可以使用图片填充作为标记点
类型:改变标记点的形状,内置了 8 种样式可供选择
填充颜色:设置标记点的颜色
半径:改变标记点的大小
支持设置标记点的图表在类型上有所不同,下面单独介绍:
1)折线图
自动:选择自动时,根据视觉设计规则判断是显示实心圆标记点还是无标记点
无:选择无时,前端不显示标记点,但是鼠标悬浮在折线图上时,会显示默认的标记点。
2)散点图
自动:选择自动时,根据系列数自动分配常规的内置标记点类型。
3)面积图、雷达图
无:选择无时,前端不显示标记点,但是鼠标悬浮在折线图上时,会显示默认的标记点。