坐标系介绍

    G2 包含了两种类型坐标系(polar、theta、helix 均属于极坐标),目前所有的坐标系均是 2 维的。

    G2 默认提供的坐标系类型为笛卡尔坐标系,当不满足用户需求时,可以通过调用下面的语法声明需要使用的坐标系:

    坐标系可以分为笛卡尔坐标系和非笛卡尔坐标系,非笛卡尔坐标系即极坐标(helix 螺旋坐标系也是极坐标的一种),由角度和半径这两个维度来确定位置。

    利用极坐标可生成饼图、玫瑰图和雷达图等,常被用于周期性数据,比如时间和方向数据。

    坐标系类型的变换会改变几何标记的形状:在极坐标系中,矩形将变为圆环的一部分,而地图中两点间的最短路径也将不是直线。

    上图左侧为层叠柱状图,中间的饼图则是层叠柱状图在极坐标下对 x y 两个坐标轴进行转置后的结果,其中 x 轴被映射为半径,y 轴被映射成了角度。而最右边的牛眼图则相反,y 轴映射为半径。

    极坐标均支持 和 endAngle 这两个属性配置。

    (1)对于 polartheta 这两种坐标系类型,可以进行如下属性的配置:

    效果如图所示:

    G2 提供的坐标系支持一系列的变换操作:

    • rotate: 旋转,默认按照坐标系中心旋转;
    • scale: 放大、缩小,默认按照坐标系中心放大、缩小;

    image

    • reflect: 镜像, 沿 x 方向镜像或者沿 y 轴方向映射。

    以下是 G2 中坐标系变换的使用语法,当需要进行多种坐标系变换时,可以直接进行链式调用,如下代码所示: