1. 概述
图表是我们在使用 FineReport 制作报表过程中最常用的数据可视化方法。通过本文的学习路径，可以帮助用户由浅入深了解图表的类型、适用场景以及图表的使用方法。
2. 学习路径
2.1 新手学习路径
新手的学习路径与 报表制作基础学习路径 中的第 6 章内容相同，如果已经完成了报表制作基础学习路径的学习，可以跳过本节。
| 章节 | 标题 | 内容简介 | 文档 | 习题 |
|---|---|---|---|---|
| 第 1 章 图表入门 | ||||
| 1.1 | 图表简介 | 了解 FineReport 图表包含哪些类型、图表有什么样式和功能，以及图表的制作流程 了解在数据分析时如何选择图表 | 图表入门示例 | |
| 1.2 | 图表数据 | 了解图表的两种数据源，以及不同数据源如何使用 | ||
| 1.3 | 图表插入方式 | 了解如何在普通报表、FVS 可视化看板、决策报表中插入图表 | 图表插入方式 | |
| 1.4 | 图表类型 | 了解 FineReport 图表的种类 | 图表类型 | |
2.2 进阶学习路径
| 章节 | 标题 | 内容简介 | 文档 |
|---|---|---|---|
| 第 1 章 图表样式 | |||
| 1.1 | 图表样式 | 整体了解图表包含哪些样式 | 图表样式 |
| 1.2 | 图表标题 | 了解图表标题有哪些设置项 | 图表标题 |
| 1.3 | 图表图例 | 了解图表图例有哪些设置项及不同图例的效果 | 图表图例 |
| 1.4 | 图表标签 | 了解图表标签有哪些设置项 | 图表标签 |
| 1.5 | 图表系列 | 了解图表系列有哪些设置项 | 图表系列 |
| 1.6 | 图表坐标轴 | 了解图表坐标轴有哪些设置项 | 图表坐标轴 |
| 1.7 | 图表数据表 | 了解图表数据表是什么以及有哪些设置项 | 图表数据表 |
| 1.8 | 图表背景 | 了解图表背景由哪些设置项 | 图表背景 |
| 1.9 | 图表提示 | 了解图表提示有哪些设置项 | 图表提示 |
| 第 2 章 图表特效 | |||
| 2.1 | 图表交互属性 | 了解图表交互属性，以及每个功能如何使用，分别有什么效果 | 图表交互属性 |
| 2.2 | 图表条件显示 | 了解图表如何设置条件属性，实现满足条件时图表突出显示 | 图表条件显示 |
| 2.3 | 扩展图表插件 | 为了满足大屏等场景下的动画及自动播放效果，帆软官方团队基于 WebGL 等技术开发了扩展图表插件，拥有更多炫酷效果 | 扩展图表插件 |
| 第 3 章 图表进阶应用 | |||
| 3.1 | 图表联动 | 了解图表可以制作的多种联动交互效果，点击对应的文档可查看具体操作 | 图表联动索引 |
| 3.2 | 图表样式自定义 | 了解图表如何通过 HTML、JavaScript 代码实现自定义标题、标签、提示 | 图表自定义标题/标签/提示 |
| 3.3 | 图表接口 | 了解图表有哪些 JS 接口，点击对应的文档示例，可查看接口的具体使用方法及效果 | |
| 3.4 | ECharts 图表 | 为了满足更多自定义、个性化的图表需求，帆软开发了 ECharts 图表集成插件，通过代码实现更多更丰富的图表效果 | |
