覆盖 4.0 所有的 Geometry 和 shape 能力,并吸收社区上其他的可视化类型。

    6 月 20 号前全部完成,还有什么可以添加的 Geometry,快快追加添加。

    ✅ 已完成 ❌ 不合理,不做 ⚠️ 待确定

    Geometry Shape 能力(示意图、文字描述) 完成情况
    Line line
    ✅
    smooth
    ✅
    vh
    ✅
    hv
    ✅
    hvh
    ✅
    vhv 没有太大意义,画出来也不好看,先暂时不加。 ⚠️
    dot 4.x 不合理,dot = lineDash = 2,2,且无法有 smooth 的 dot ❌
    dash 同上 ❌
    Area area
    ✅
    smooth
    ✅
    line image.png
    没有意义
    ❌
    smooth-line ❌
    Point cross
    ✅
    hyphen
    ✅
    line image.png ✅
    plus
    ✅
    tick
    ✅
    image 单独的 geometry ❌
    circle/point(hollow) image.png ✅
    bowtie(hollow) ✅
    diamond(hollow) ✅
    hexagon(hollow) ✅
    square(hollow) ✅
    triangle(hollow) ✅
    triangle-down(hollow) ✅
    Interval rect
    ✅
    hollow-rect
    ✅
    tick image.png
    暂时看不到意义
    ⚠️
    line line 和 interval 没有本质区别,只是一个闭合 path,一个不是。 ❌
    funnel 注意,不等高的情况(统一 size 的时候处理,@万木)
    image.png
    ✅
    pyramid 金字塔image.png ✅
    link link image.png ✅
    Polygon polygon
    ✅
    square

    ribbon 用于桑基图的链接线(特殊逻辑,处理四个点)
    image.png
    ✅
    Schema box
    ✅
    candle 股票图非常专业,暂时不在 G2 支持简版股票图。 ❌
    Violin violin

    Grid grid
    ✅
    Image image
    ✅
    Text text
    ✅
    Vector vector image.png
    https://www.highcharts.com/demo/vector-plot
    ✅
    Venn




    image.png
    等高线

    Node(关系图节点) point image.png
    - [ ] 力导图节点

    image.png
    - [x] 树图节点
    image.png
    - [x] arc diagram 节点
    image.png | ✅ | | | polygon |
    - [x] 桑基图节点
    image.png
    - [ ] Chord 节点
    image.png | ✅ | | Edge(关系图边) | edge | image.png
    - [x] 带箭头(style.arrow: boolean)
    | ✅ | | | arc |
    - [x] arc diagram 边
    image.png
    - [x] chord diagram 边
    image.png | ✅ | | | smooth |
    - [x] 树图边
    image.png | ✅ | | | vhv/hvh |
    - [ ] 树图边
    image.png | | | | ribbon |
    - [x] 桑基图边
    image.png | ✅ | |
    | | | | | Annotation | | | | | AnnotationText | annotation.text |
    | ✅ | | | annotation.badge |
    | ✅ | | AnnotationConnector | annotation.connector |
    - [ ] 还需要补充 polar 坐标系下的 connector 展示
    | ✅ | | AnnotationLineX | annotation.line | Line annotation 根据需要的 encode 编码通道不同,分为两类,
    AnnotationLineX 需要 x 通道;
    AnnotationLineY 需要 y 通道; | ✅ | | AnnotationLineY | | | ✅ | | AnnotationRange | annotation.range (直接复用 rect) | Range annotation 根据需要的 encode 编码通道不同,分为三类,
    AnnotationRange 需要 x,y 通道;
    AnnotationRangeX 需要 x 通道
    AnnotationRangeY 需要 y 通道
    - [ ] 还需要补充 polar + transpose 坐标系下的 range 展示
    | ✅ | | AnnotationRangeX | | | ✅ | | AnnotationRangeY | | | ✅ |