支持的数据格式

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}]