ECharts 是一个由百度开发的基于 JavaScript 的开源可视化图表库，它支持丰富的视觉效果和多种图表类型，如柱状图、折线图、饼图、散点图等，同时也包括了像树状图这样的复杂图表。在 ECharts 3 版本中，图标功能得到了进一步的增强和优化，为开发者提供了更多定制化图表的能力。
我们要了解的是树状图（Tree）。树状图是一种用于展示层次结构的数据图表，常用于组织架构、文件系统或者流程图的表示。在 ECharts 3 中，你可以通过配置项来定义树状图的展开折叠、节点间的连接线样式、以及节点的样式等。例如，`series.type = 'tree'` 就可以创建一个树状图，而 `data` 字段则用来定义节点数据。
折线图（Line Chart）是用于显示连续数据变化趋势的图表。在 ECharts 3 中，折线图支持平滑曲线、多系列对比、时间序列等多种场景。你可以通过 `series.type = 'line'` 创建折线图，并通过 `data` 字段配置各个数据序列。此外，还可以设置 `smooth` 参数来开启平滑曲线，使用 `label` 配置项添加数据标签，或者使用 `markPoint` 和 `markLine` 来标记特殊点或线段。
动态数据刷新是 ECharts 3 的一个重要特性，它允许数据实时更新并自动反映在图表上。这在监控、数据分析等场景中非常有用。通过 `setOption` 方法，你可以随时更新图表的配置和数据，实现数据的动态刷新。例如，每隔一段时间获取新的数据，然后调用 `myChart.setOption({ series: [{ data: newData }] })` 即可。
报表的生成往往需要将数据与前端界面分离，ECharts 提供的 JSON 文件配置方式可以很好地解决这个问题。你可以将数据和图表配置分别存储在 JSON 文件中，然后在 JavaScript 中加载这些文件，通过 `setOption` 更新图表。这样，不仅便于数据管理，也能使前端代码更加清晰。
在 ECharts 3 中，`factorySystem` 可能是指一个包含图表实例化、配置加载、数据处理等功能的系统模块。它可能包含一系列方法，如初始化图表、解析 JSON 数据、绑定事件等，帮助开发者快速构建和管理复杂的图表应用。
总结来说，ECharts 3 的图标功能强大且灵活，支持多种图表类型，如树状图和折线图，并具备动态数据刷新能力。通过 JSON 文件封装，可以实现数据和报表的分离，提高代码的可维护性。在实际项目中，结合 `factorySystem` 这样的工具模块，可以高效地构建交互式、数据驱动的可视化应用。
