1. 概述
1.1 应用场景
折线图是将值标注成点，并通过线将这些点按照顺序连接起来形成的图形。
折线统计图常用于显示随时间或有序类别变化的趋势，可以显示数据点以表示单个数据值，也可以不显示这些数据点。在有很多数据点并且它们的显示顺序很重要时，折线图尤其有用。
1.2 图表特点
不仅可以表示数量的多少，而且可以反映同一事物在不同时间里的发展变化的情况。
1.3 应用实例
决策报表中可使用 组件复用 功能，下载安装组件后，直接替换数据即可快速复用组件样式，实现折线图效果。
更多堆积柱形图的示例，可参见 帆软市场-组件 / 设计器→在线组件库。
| 组件链接 | 描述 | 效果图 |
|---|---|---|
| 颜色分段折线图-科技风 | 1）该组件适用于科技风风格模板 2）可设置不同值范围显示不同颜色，更直观的看出数据范围 | |
| 折线图-简约蓝 | 1）该组件适用于简约蓝风格模板 2）表示数值随连续时间间隔或有序类别的变化，用于分析事物随时间或有序类别而变化的趋势 | |
2. 示例
2.1 准备数据
点击设计器左上角「文件>新建普通报表」，新建内置数据集「本年空调月销量统计」，如下图所示：
2.2 插入图表
合并一片单元格区域，点击上方工具栏插入图表按钮，插入「折线图」。如下图所示：
2.3 设计折线图
选中图表，点击右侧属性面板「单元格元素」，可设置图表的各个属性：类型、数据、样式、特效。
2.3.1 图表类型
选中图表所在单元格，点击右侧「单元格元素>类型」可查看和选择图表类型。
2.3.2 绑定数据
绑定折线图的数据如下图所示：
注：绑定折线图数据时，分类不能为「无」，系列名若使用「字段值」，系列名不能和分类为同一字段。会导致图中只有点，没有线。
2.3.3 设置样式
1）选择「样式>标题」，设置标题文本为「本年空调月销量统计」，修改下标题字符样式。如下图所示：
2）选择「样式>图例」，取消勾选「图例可见」。
3）选择「样式>系列」，可设置折线图的颜色、线型、标记点等样式。
线的形态有 3 种：普通、垂直、曲线。
空值断开：默认开启，即当某个分类没有值时，该分类两侧的值不连接。
标记点的点样式分为常规和自定义两种：点样式为常规时，可选择不同的类型，以及设置点的填充颜色和半径；点样式为自定义时，可使用图片作为标记点，并且自定义图片的大小。
本文示例具体设置如下图所示：
4）选择「样式>坐标轴」，将 X轴 和 Y轴 的字符字号调小一点。如下图所示：
5）选择「样式>背景>绘图区」，将横向网格线的颜色调整一下，使其颜色浅一些。如下图所示：
2.4 效果预览
2.4.1 PC 端
保存报表，点击「分页预览」，效果如 1.1 节效果图所示。
2.4.2 移动端
App 端和 HTML5 端均支持，效果如下图所示：
3. 模板下载
已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\折线图.cpt
点击下载模板：折线图.cpt
4. 注意事项
4.1 标记点颜色获取
问题描述
当在深色模板中使用折线图标记点时，标记点会有一个白色外圈，或白色内底，从而在深色大屏显得不好看。如下图所示：
原因分析
图表标记点获取颜色时，是获取的「样式>背景>图表区>背景」的填充颜色，而默认图表区是没有背景的，那么标记点获取的颜色默认为白色。
解决方案
给「图表区」背景设置一个与模板背景相同或相近的填充颜色，适当的加点不透明度即可。
效果如下图所示：