1. 背景
FineReport 设计器中不乏有大量的基础图表，但在制作模板时，常常苦于修改图表的样式、配色。不知道该如何应用这些图表，让数据更好的展现，让图表更加的美观。
但是，我们有现成的组件啊！配色、样式都设置妥当了，只需要修改数据就可以完全复用，赶紧来体验一番吧！
2. 变形图表组件
更多其他图表请参见：帆软市场。
2.1 柱形图/条形图
| 组件 | 应用场景 | 下载链接 |
|---|---|---|
双向条形图
| 适用于两个系列数据多个指标进行对比 | https://market.fanruan.com/reuse/1000249 |
| 时间线条图
| 展示时间轴，适用于对有时间线、有先后步骤的事件的展示 | https://market.fanruan.com/reuse/1000078 |
嵌套柱形图
| 适用于同一个维度两个指标进行对比，常用于实际值与目标值的比较 | https://market.fanruan.com/reuse/1000432 |
蝴蝶图
| 适用于两个系列数据多个指标进行对比 | https://market.fanruan.com/reuse/1000508 |
图片填充条形图
| 条形图的变种，用图片填充的方式达到一种象形图的效果，使数据展示更直观、更美观 | https://market.fanruan.com/reuse/1000571 |
多分类柱形图
| 当数据存在多个层级关系，例如销售员的上一层级为地区，要同时展示两个层级的分类时，可使用多分类柱形图 | https://market.fanruan.com/reuse/1000404 |
正负变化柱形图
| 适用于一个系列的数据有正负变化的场景，例如盈亏关系、涨跌情况等 | https://market.fanruan.com/reuse/1000460 |
类子弹图
| 适用于一个维度多个系列的数据进行对比，例如有固定的最大值、最小值，要突出实际值时，可使用类子弹图 | https://market.fanruan.com/reuse/1000516 |
2.2 折线图/面积图
| 组件 | 应用场景 | 下载链接 |
|---|---|---|
预测趋势折线图
| 适用于数据需要有预测趋势的场景，预测数据需要自己定义数据集中数据，且数据需要为一个维度两个系列。例如分类均为时间，一个系列为实际数据，一个系列为预测数据 | https://market.fanruan.com/reuse/1000452 |
正负颜色分段折线图
| 折线图常用来表示数值随连续时间间隔或有序类别的变化，用于分析事物随时间或有序类别而变化的趋势。设置不同值范围显示不同颜色，更直观的看出数据范围，例如数值的正负变化 | https://market.fanruan.com/reuse/1000448 |
范围面积图
| 适用于一个维度多个系列的数据存在变化范围的场景，且不同系列之间最好不会有交叉数据 | https://market.fanruan.com/reuse/1000412 |
极点折线图
| 折线图可用于分析事物随时间或有序类别而变化的趋势，而将一个系列数据的极大值与极小值突出显示，有助于一眼看出特殊值 | https://market.fanruan.com/reuse/1000214 |
警戒值面积图
| 面积图可用于强调数量随时间而变化的程度，也可用于引起人们对趋势总值的注意。添加警戒线可以警戒用户关注某些指标的临界值 | https://market.fanruan.com/reuse/1000706 |
2.3 饼图
| 组件 | 应用场景 | 下载链接 |
|---|---|---|
半圆环图
| 适用于一个系列多个指标表达占比关系或进度关系，指标不宜过多 | https://market.fanruan.com/reuse/1000488 |
半玫瑰图
| 适用于一个系列多个指标表达占比关系或进度关系，指标不宜过多 | https://market.fanruan.com/reuse/1000549 |
弧形堆积图
| 用于表达同一维度数据不同系列的分布占比，或者用于表达某个数据的进度关系 | https://market.fanruan.com/reuse/1000633 |
2.4 组合图
| 组件 | 应用场景 | 下载链接 |
|---|---|---|
柱形气泡组合图
| 柱形和气泡的结合，类似于棒棒糖图，与柱形图条形图的用途相同，柱形越长、气泡越大表示数据越大。但指标数据相差不能太大，指标不宜过多 | https://market.fanruan.com/reuse/1000695 |
哑铃图
| 哑铃图是柱形范围图的变种，每个数据由最低和最高值组成，强调从一个点到下一个点的变化，并在两者之间做一些比较。FineReport 中可使用堆积柱形图和折线图组合实现相同效果。 | https://market.fanruan.com/reuse/1000730 |
| 折线图与柱形图组合
| 可用于展示两个不同维度但存在一定关联关系的数据，例如降水量对水位的影响成正比关系 | https://market.fanruan.com/reuse/1000720 |
上一篇：样式组件化
