Gio.js
开始使用
Gio.js 2.0
基础元素
配置
功能设计型API
颜色风格类API
数据
回调函数
依赖库接口
高级功能
连接线
连接线是Gio地球数据可视化的重要部分,两个国家之间的数据会通过数据线以流动的方式按照一定的方向移动。对于 被选中的国家 ,表示流入数据的线条称为"输入线",表示流出数据的线条称为"输出线"。 "输入线"的默认颜色是0x154492,"输出线"的默认颜色是0xdd380c。
可以通过 configure API来设置连接线的颜色,具体设置方法如下所示:
controller.configure({
        color: {
                in:0xff0000,
                out:0x00ff00
        }
});
也可以通过 setInLineColor() API和 setOutLineColor() API来动态改变"输入线"和"输出线"的颜色。
那可不可以设置特定某条连接线的颜色呢?当然是可以的。可以直接修改输入json数据来设置,具体设置方法如下所示:
{
        "e": "CN",
        "i": "US",
        "v": 100000,
        "inColor": "#0000ff",
        "outColor": "#00ff00"
}
动态设置连接线的颜色需要在调用controller.init()之后才会生效。想要了解更多相关数据设置的细节, 可以查看本文档的 数据 部分。