反馈已提交

网络繁忙

图表系列

  • 文档创建者:Holly
  • 编辑次数:46次
  • 最近更新:Alicehyy 于 2022-03-17
  • 1. 概述

    1.1 版本

    报表服务器版本
    11.0

    1.2 应用场景

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

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

    Snag_475200c4.png

    1.3 功能简介

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

    Snag_60b9f39.png

    2. 设置介绍

    2.1 颜色

    不同图表类型颜色设置项也有不同,本文用柱形图和地图为例分别简单介绍,其他图表系列颜色详情请参见各自图表类型介绍的文档。

    2.1.1 渐变风格

    柱形图和条形图存在单个柱子的渐变,所以这两种图表存在「渐变风格」设置项。默认渐变风格为「关闭」,配色方案为 跟随主题

    注:饼图渐变风格设置项只有开启和关闭,不在本文做详细介绍。

    Snag_64722b2.png

    1)自动:根据配色方案的系列颜色自动渐变。

    2)渐变风格选择「关闭」,图形颜色完全根据配色方案的颜色显示。主题颜色为「组合色」时,根据系列显示为不同颜色;主题配色方案为渐变色,或配色方案选择「自定义渐变色」时,单个柱子不渐变,系列配色渐变。

    Snag_6413afa.png

    3)渐变风格选择「自定义」时,可以点击左右两侧的按钮,自定义渐变左区间和右区间的颜色。此时单个柱子渐变,不同系列使用相同渐变色。

    Snag_6453f0d.png

    2.1.2 配色方案

    注:大部分图表都只有「配色方案」,但是「钻取地图、热力地图、气泡图、散点图、地图和词云图」这 6 种图表支持颜色划分。

    1)颜色划分>系列

    颜色划分选择「系列」时,配色方案根据系列显示,设置项如下图所示:

    Snag_651b4a1.png

    • 配色方案:默认跟随主题,可选择其他内置的配色方案,也可以自定义配色方案。配色详细介绍参见文档:图表预定义配色 。

    • 空值颜色:地图类图表特有设置项,表示当地图某个区域没有数据时显示的颜色,默认「自动」即根据浅色主题或深色主题显示为不同颜色,也可自定义为其他颜色。

    • 不透明度:改变地图颜色的不透明度。

    2)颜色划分>值>连续渐变

    颜色划分选择「值」,颜色类型选择「连续渐变」时,可通过渐变色效果展示系列值的大小。

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

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

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

    Snag_66038f0.png

    3)颜色划分>值>区域渐变

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

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

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

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

    Snag_6604e9b.png

    2.2 样式

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

    • 固定柱宽:点击「是」可以自定义固定柱宽,点击「否」则会自动调整

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

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

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

    Snag_66fdde1.png

    2)饼图

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

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

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

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

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

    饼图样式的应用示例参见文档:饼图

    Snag_6785915.png

    3)多指针仪表盘

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

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

    • 指针:指针的颜色。

    • 底盘背景:仪表盘整体的底盘背景色,默认自动即根据模板主题为浅色或深色显示为不同颜色。

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

    Snag_6797b8d.png

    4)百分比圆环仪表盘

    注:百分比刻度槽型仪表盘试管型仪表盘 类似。

    • 旋转方向:百分比圆环的旋转方向,分为逆时针和顺时针。

    • 底盘背景:控制显示百分比圆环区域的背景颜色,默认为自动即根据模板主题为浅色或深色显示为不同颜色

    • 内底盘背景:控制圆环内部的底盘背景颜色,默认为透明。

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

    • 滑槽占比:控制百分比圆环区域的占比。

    Snag_681e349.png

    5)多层饼图

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

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

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

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

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

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

    Snag_687b5a4.png

    6)矩形树图

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

    Snag_2dab01b4.png

    7)漏斗图

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

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

    Snag_2dac4a41.png

    8)热力地图

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

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

    Snag_68ac054.png

    9)词云

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

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

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

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

    Snag_2daeddae.png

    10)甘特图

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

    Snag_2db0a4d2.png

    2.3 边框

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

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

    • 颜色:设置边框线的颜色,默认自动

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

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

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

    Snag_696b52e.png

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

    Snag_6974884.png

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

    Snag_697dd52.png

    2.4 趋势线

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

    • 名称:设置趋势线的名称

    • 线型:可设置为实线或虚线

    • 线宽:设置趋势线宽度

    • 颜色:设置趋势线颜色

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

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

    Snag_69cb09d.png

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

    1)横轴是分类轴

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

    选中图表,点击图表属性中的「样式>系列>趋势线」,如下图,选择实线、线宽为 2px、灰色、对数拟合,预测前推 1 周期,后推 2 周期:
    Snag_fcf0191.png

    预览效果如下:

    2)横轴是时间坐标轴或数值坐标轴

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

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

    预览效果如下:

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

    2.5 大数据

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

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

    Snag_2dc8f965.png

    2.6 线

    当图表的系列包含线型时,可以设置线型的属性。

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

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

    • 线宽:设置线的粗细

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

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

    Snag_69ea43f.png

    2.7 标记点

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

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

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

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

    • 填充颜色:设置标记点的颜色,默认跟随系列色

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

    Snag_69f684a.png

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

    1)折线图

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

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

    Snag_32fde52e.png

    2)散点图

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

    Snag_3373c2f2.png

    3)面积图、雷达图

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

    Snag_3378dc00.png

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    7*24h

    智 能客 服