图表系列的一些操作，闪烁动画等

野性酷女 2023-06-07 10:52 43阅读 0赞

## 1. 描述 ##

像柱形图中的每一个柱子、折线图中的每条折线等都表示一个系列，我们可以点击样式>系列来设置系列样式，如下图：  
  
![222][]

不同类型的图表，有不同的系列属性，该章节我们以柱形图为主说明。

柱形图、条形图系列属性相同如该节所述；

多层饼图、矩形树图系列属性相同；地图、钻取地图系列属性相同

饼图、折线图、面积图、仪表盘、雷达图、散点图、气泡图、组合图、漏洞图、热力地图、词云、甘特图、框架图系列属性各不相同

## 2. 系列 ##

### 2.1 配色 ###

系列的配色可在下拉框中选择图表预定义样式中设置好的所有样式，默认为图表预定义样式中的新特性选项，也可以自定义。

注：热力地图没有配色属性

（1）预定义样式  
![222][222 1]

为系列采用新特性配色方案，效果如下：  
![222][222 2]

（2）自定义

自定义配色有 2 个方式，精确设置和渐变色，

①精确设置

配色选择自定义>精确设置 ，如下图：

![222][222 3]

注：精确设置共 32 种颜色，每一种颜色都是由用户自己精确选择，点击界面上的小色块，则弹出“选择颜色”的对话框，可选择自己需要的颜色。展示在图表中的颜色也是依次从 32种颜色中横向取得，如果系列超过 32 个，则循环。精确设置的色板都是在默认配色的色板上修改

②渐变色

配色选择自定义>渐变色，如下图：  
![format_png][]

注：如果只有 2 个系列，则两个系列分别显示开始颜色和结束颜色，如果有 3 个或 3 个以上的系列，那么自定义配色则是在开始颜色和结束颜色之间渐变。

### 2.2 颜色 ###

分为 2 种风格，默认和渐变，如下图：  
![format_png 1][]

具体效果可参照 [面积图渐变风格设置][Link 1]。

注：只有条形图、柱形图、饼图、面积图、组合图和漏斗图含有此功能。

### 2.3 样式 ###

柱形图和条形图柱子的宽度可调整，还可使用 [图片填充][Link 2]，支持设置分类间隔和系列间隔，系列间隔和分类间隔默认值都为 20，如下图：

![format_png 2][]

将系列间隔设置为 50，分类间隔设置为 50，效果如下：  
![222][222 4]

注：系列间隔和分类间隔只适用于柱形图、条形图和组合图。

系列间隔还可以是负数，柱子可实现重叠，效果如下：  
![format_png 3][]

饼图的样式设置不同于柱形图，可定义角度、半径和是否可旋转：  
![format_png 4][]

具体应用可参考 [\[新\]角度自定义][Link 3]

多层饼图的样式设计界面如下，比饼图多了层次渐变和钻取功能：  
[![format_png 5][]][Link 3]

具体应用可参考 [\[新\]多层饼图][Link 4]

矩形树图的样式属性只支持钻取功能，默认开启

漏斗图的样式属性如下：  
**![format_png 6][]**

具体应用可参考 [\[新\]漏斗图][Link 5]

### 2.4 边框 ###

柱形图和条形图柱子的边框属性相同，可设置其线型、颜色和是否圆角。

![format_png 7][]

多层饼图，矩形树图、漏斗图的边框属性只可设置线型和颜色，而地图、钻取地图和热力地图还可以设置边框透明度

### 2.5 趋势线 ###

趋势线，是用于描述数据变化的趋势，是系列的一种属性，用于条形图、折线图、散点图、组合图、柱状图、面积图。

趋势线支持对数拟合，指数拟合，线性拟合和多项式拟合效果。下面以对数拟合为例，介绍其使用方法：

打开模板%FR\_HOME%\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\Advanced\\Chart\\NewColumnChart\\自定义标签数据格式柱形图.cpt

（1）横轴是分类轴

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

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

预览效果如下：  
![222][222 5]  
（2）横轴是时间坐标轴或数值坐标轴

如果横轴是时间轴或者值轴，则对应的一个周期等于当前的主要刻度值大小。如果前推或后推n周期，则对应图表前推或者后推 n 个刻度大小，且需要显示前置或者后置范围内的坐标轴标签值。  
选中图表，点击图表属性表-样式>坐标轴>X轴，类型改成数值坐标轴，值定义和格式如下设置：  
![format_png 9][]

预览效果如下：  
![222][222 6]

注：趋势线有对应的图例，但图例不可点击； 点击系列图例时，该系列对应的趋势线也相应隐藏或出现，同时趋势线图例也相应灰化或显示。

### 2.6 闪烁动画 ###

流向地图，点地图（包括组合地图里面的点地图）可在系列界面设置整体的闪烁动画，具体制作方法可参考 [流向地图][Link 6]。

![222][222 7]

其余图表，系列界面不开放设置，只能在条件属性中针对设置，仪表盘不支持闪烁动画，具体制作方法可参考 [根据条件闪烁显示柱子][Link 7]、[折线图—闪烁动画][Link 8]和[区域地图][Link 9]。

![222][222 8]  
![222][222 9]

![222][222 10]

注：只有流向地图支持自定义图片的闪烁动画

### 2.7 大数据模式 ###

折线图、面积图、散点图、气泡图、流向地图、点地图、组合地图有此功能，在数据量大的情况下点击开启即可：

![format_png 10][]

具体应用可参考[大数据图表][Link 10]

### 2.8 线和标记点 ###

折线图、面积图、散点图和雷达图有此功能，可修改线型、标记点样式、大小和颜色等：  
![format_png 11][]

具体应用可参考 [\[新\]曲线、垂直面积图][Link 11]和[\[新\]散点图][Link 12]

### 2.9 不透明度 ###

散点图、气泡图、漏斗图、地图、钻取地图和热力地图有此功能，可修改填充色的透明度：  
![format_png 12][]

具体应用可参考[\[新\]散点图][Link 12]和[\[新\]不同形态的气泡图][Link 13]

注：面积图（风格为默认时）和雷达图也可设置面积的填充色透明度：  
![format_png 13][]

具体应用可参考[\[新\]负值面积图][Link 14]

### 2.10 空值颜色 ###

地图、钻取地图和热力地图有此功能：  
![format_png 14][]

### 2.11 其他 ###

仪表盘、词云图、甘特图和框架图的系列属性与其他图表相差较大，具体应用可参考[\[新\]仪表盘][Link 15]、[\[新\]词云图][Link 16]、[\[新\]甘特图][Link 17]和[\[新\]框架图][Link 18]

[222]: /images/20230601/88160c889a9f499a978c9a41b1eb0064.png
[222 1]: /images/20230601/ae36f153bd97423abf792590cd0627b5.png
[222 2]: /images/20230601/ecad220ee5dc486894fb6a56b2c6e191.png
[222 3]: /images/20230601/c683167ef1424151bb5a92f585f27cb7.png
[format_png]: /images/20230601/e6b0773573934438ab912e19de64e11a.png
[format_png 1]: /images/20230601/5ca0d9dc91b24a99a497ab98048b0906.png
[Link 1]: http://help.finereport.com/doc-view-1316.html
[Link 2]: http://help.finereport.com/doc-view-1293.html
[format_png 2]: /images/20230601/2ba63a56000c4f31ad45ffdc842d1cf9.png
[222 4]: /images/20230601/3e5b0fe7da4f40c8ada64267279de5da.png
[format_png 3]: /images/20230601/d3a536e301d24b0da7500971c7df698e.png
[format_png 4]: /images/20230601/86a9cc7ec0fc47cd903accab76f1a07e.png
[Link 3]: http://help.finereport.com/doc-view-1307.html
[format_png 5]: /images/20230601/47dd6297e59c43cc92c7419d0d8dd9fa.png
[Link 4]: http://help.finereport.com/doc-view-1582.html
[format_png 6]: /images/20230601/44a4e9e1349749ebb18b3780f0e3a80a.png
[Link 5]: http://help.finereport.com/doc-view-1654.html
[format_png 7]: /images/20230601/945927a3dd9e4e9082b3189ec8595c2c.png
[format_png 8]: /images/20230601/81bc164682204748ad719f574cb9bd73.png
[222 5]: /images/20230601/515405d2e8d04d539aa2534f72547b5f.png
[format_png 9]: /images/20230601/6f58e502e2f749be8b660609f5ead687.png
[222 6]: /images/20230601/f26397f249d342e5a17f4583a1c2ab23.png
[Link 6]: http://help.finereport.com/doc-view-1699.html
[222 7]: /images/20230601/979240b95792470b8b3174e5a92186c5.png
[Link 7]: http://help.finereport.com/doc-view-1701.html
[Link 8]: http://help.finereport.com/doc-view-1721.html
[Link 9]: http://help.finereport.com/doc-view-1583.html
[222 8]: /images/20230601/e426ae0e9c03494c8de0e16a6ab9ed98.png
[222 9]: /images/20230601/34ae580e964b4c89b4662146ceb2b23b.png
[222 10]: /images/20230601/0a305cce3bdb4fa0af0004032a28a8f5.png
[format_png 10]: /images/20230601/01871e79a0c746fab1b08e80c929a9e9.png
[Link 10]: http://help.finereport.com/doc-view-1459.html
[format_png 11]: /images/20230601/adad6d122cdd448ab004e2dc4b00354c.png
[Link 11]: http://help.finereport.com/doc-view-1315.html
[Link 12]: http://help.finereport.com/doc-view-1507.html
[format_png 12]: /images/20230601/e3d95274ce5d4f848e0aa3a5a30fae5f.png
[Link 13]: http://help.finereport.com/doc-view-1511.html
[format_png 13]: /images/20230601/f411011c5ecb46258ebf2f036d7547b0.png
[Link 14]: http://help.finereport.com/doc-view-1312.html
[format_png 14]: /images/20230601/2a3334bc83f3421abeb9f51826ac0ecc.png
[Link 15]: http://help.finereport.com/doc-view-1403.html
[Link 16]: http://help.finereport.com/doc-view-1700.html
[Link 17]: http://help.finereport.com/doc-view-1948.html
[Link 18]: http://help.finereport.com/doc-view-1947.html