数据处理概述

在 Highcharts 的配置代码中，只需要按照规定的格式通过 series.data 配置给定数据即可，另外我们也提供了非常多的用于更新图表数据的函数，例如 Point.update, Series.setData, Series.update；

在实际使用过程中，有很多用户对于数据的来源、数据怎么处理、怎么交互有很多疑问，本章将一一的为大家解惑。

1、数据来源

Highcharts 是基于 JavaScript 编写的图表库，自身是没有直接获取服务器（数据库）数据的能力，除了内置的数据功能模块支持直接读取 CVS、HTML 表格、Google SpreadSheets（Google 提供的一种在线表格服务）等数据外，数据来源还需要后端服务支持（动态渲染或提供接口等），另外 JS 还可以直接读取纯文本数据文件。

总的来说，数据来源有以下几种方式：

• 服务端直接渲染（包括直接渲染 HTML 页面、HTML 表格）
• Ajax 请求数据接口（来自服务器数据库的数据或其他数据）
• Highcharts 内置的数据功能模块读取 CVS、HTML 表格、Google SpreadSheets 数据
• JavaScript 读取纯文本数据文件，例如 XML 文件、JSON 文件、CSV 文件

2、数据处理和交互

支持数据的处理，一般是用 JavaScript 针对返回的 JSON 数据、字符串数据进行数组、对象的操作，最终转换成 Highcharts 需要的格式，这个过程涉及到 JavaScript 对象、数组、JSON等基础知识，请大家自行了解和学习相关的知识，为了方便我们也会在后面教程中做简单的介绍。

数据交互指的是动态的更新图表中数据，一般是在获取并处理数据后调用 Highcharts 相关的 API 接口进行图表动态更新，这在对交互性比较高的图表中会遇到，比如实时更新的图表、股票图等。