教程

支持的数据格式

G2 支持两种格式的数据源：

  1. JSON 数组
  2. Frame 对象

如果数据源是 JSON 数组，G2 在内部会将其转换成一个 Frame 对象。

JSON 数组

G2 接收的数据格式非常简单，标准的 JSON 数组，每个数组元素是一个 JSON 对象：

Example:

var data = [
  {gender:'男',count:40},
  {gender:'女',count:30}
];

Frame 对象

G2 的图表设置数据源后，在内部都会把数据转换成 Frame 对象，我们称之为数据集合，是 JSON 数组的每条记录进行列合并的结果。 Frame 对象的格式如下：

{
  names: array, // 记录的所有属性名集合。
  arr: array, // 一个二维数组，同 names 元素顺序对应，存储每个属性对应的所有数据值。
  data: array, // 存储原始 JSON 数组。
}

Example:

如下 JSON 数组转换为 Frame 对象后，结构如下表格所示：

var data = [
  {gender:'男',count:40},
  {gender:'女',count:30}
];
names arr data
["gender", "count"] [["男", "女"], [40, 30]] [{gender:'男',count:40}, {gender:'女',count:30}]