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