Gio.js
开始使用
Gio.js 2.0
基础元素
配置
功能设计型API
颜色风格类API
数据
回调函数
依赖库接口
高级功能
添加数据

参数:
data(一个数据集) 或者 data group(多个数据集) -- JSON格式数据

1. 载入一个数据集
将数据加载到Gio的控制器并同步覆盖以前的数据。用于可视化的数据集采用JSON格式。数组中的每一个元素都包含一个输入国家(i),一个输出国家(e)和一个数值(v)。
[
        {
                "e": "CN",
                "i": "US",
                "v": 3300000
        },
        {
                "e": "CN",
                "i": "RU",
                "v": 10000
        }
]
说明:连接线连接两个国家并具有方向性,运动粒子将在该方向上生成动画,连线方向由“e” -> “i”定义。“e”和“i”分别表示两个国家, “e”表示连线输出的国家,“i”表示连线输入的国家。“v”表示这两个国家之间的数值,如果数值较小,则粒子的大小和数量会比较小, 并且在连线上的移动速度相对缓慢;如果数值较大,则粒子的大小和数量会比较大,并且在连线上的移动速度相对较快。从Gio.js 2.0开始,"i"支持大洲了,查看文档输入数据到洲了解更多信息。
2. 载入多个数据集
将多个数据集加载到Gio的控制器并同步覆盖以前的数据。所有的数据集一次载入控制器,并且可以通过 switchDataSet() API来控制将哪个数据集的数据呈现出来。具体的数据格式定义如下所示:
{
        dataSetKeys: [key1, key2, ......],
        initDataSet: key1,
        key1: dataSet,
        key2: dataSet,
        ...
}
说明:每个数据集都有一个唯一的"key",所有使用到的"key"都要在"dataSetKeys"属性中申明,"initDataSet"属性指定哪个数据集作为初始的数据集呈现在地球上。"dataSet"的数据格式和载入一个数据集中定义的相同。