图表系列

  • 文档创建者:Holly
  • 编辑次数:34次
  • 最近更新:Leo.Tsai 于 2020-07-08
  • 1. 概述

    1.1 应用场景

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

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

    Snag_475200c4.png

    1.2 功能介绍

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

    Snag_2d6e2f26.png

    2. 设置介绍

    2.1 颜色

    设置系列的配色方案,改变系列颜色,每种图表的颜色设置面板如下图所示:

    • 渐变风格:系列颜色可设置为渐变效果

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

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

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

    注:热力地图无颜色设置项。

    1)饼图、面积图

    Snag_2d845ade.png

    2)柱形图、条形图

    Snag_2d865b51.png

    3)折线图、仪表盘、多层饼图、矩形树图、词云、甘特图、框架图

    Snag_2d8776e3.png

    4)雷达图、散点图、气泡图

    Snag_2d889e4c.png

    5)组合图

    Snag_2d8a0956.png

    6)地图、钻取地图

    Snag_2d8b49f4.png

    7)漏斗图

    Snag_2d8ddef7.png

    2.2 样式

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

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

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

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

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

    Snag_2d9f06fe.png


    2)饼图

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

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

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

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

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

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

    Snag_2d976765.png

    3)多指针仪表盘

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

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

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

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

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

    Snag_2da2e0b6.png

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

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

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

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

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

    Snag_2da84af1.png

    5)多层饼图

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

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

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

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

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

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

    Snag_2da971ae.png

    6)矩形树图

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

    Snag_2dab01b4.png

    7)漏斗图

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

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

    Snag_2dac4a41.png

    8)热力地图

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

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

    Snag_2dadad1d.png

    9)词云

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

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

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

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

    Snag_2daeddae.png

    10)甘特图

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

    Snag_2db0a4d2.png

    2.3 边框

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

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

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

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

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

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

    Snag_2db266d5.png

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

    Snag_2db5f470.png

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

    Snag_2db86e59.png

    2.4 趋势线

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

    名称:设置趋势线的名称

    线型:可设置为实线虚线

    线宽:设置趋势线宽度

    颜色:设置趋势线颜色

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

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

    Snag_2dc05f20.png

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

    1)横轴是分类轴

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

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

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

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

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

    预览效果如下:
    222

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

    2.5 大数据

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

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

    Snag_2dc8f965.png

    2.6 线

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

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

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

    • 线宽:设置线的粗细

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

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

    Snag_2dd7a67a.png

    2.7 标记点

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

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

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

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

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

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

    Snag_2ddbcdb5.png

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

    1)折线图

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

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

    Snag_32fde52e.png

    2)散点图

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

    Snag_3373c2f2.png

    3)面积图、雷达图

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

    Snag_3378dc00.png

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!