覆盖 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 | 没有意义 |
❌ | |
smooth-line | ❌ | ||
Point | cross | ✅ | |
hyphen | ✅ | ||
line | ✅ | ||
plus | ✅ | ||
tick | ✅ | ||
image | 单独的 geometry | ❌ | |
circle/point(hollow) | ✅ | ||
bowtie(hollow) | ✅ | ||
diamond(hollow) | ✅ | ||
hexagon(hollow) | ✅ | ||
square(hollow) | ✅ | ||
triangle(hollow) | ✅ | ||
triangle-down(hollow) | ✅ | ||
Interval | rect | ✅ | |
hollow-rect | ✅ | ||
tick | 暂时看不到意义 |
⚠️ | |
line | line 和 interval 没有本质区别,只是一个闭合 path,一个不是。 | ❌ | |
funnel | 注意,不等高的情况(统一 size 的时候处理,@万木) |
✅ | |
pyramid | 金字塔 | ✅ | |
link | link | ✅ | |
Polygon | polygon | ✅ | |
square | |||
ribbon | 用于桑基图的链接线(特殊逻辑,处理四个点) |
✅ | |
Schema | box | ✅ | |
candle | 股票图非常专业,暂时不在 G2 支持简版股票图。 | ❌ | |
Violin | violin | ||
Grid | grid | ✅ | |
Image | image | ✅ | |
Text | text | ✅ | |
Vector | vector | https://www.highcharts.com/demo/vector-plot |
✅ |
Venn | |||
等高线 |
|||
Node(关系图节点) | point | - [ ] 力导图节点 |
- [x] 树图节点
- [x] arc diagram 节点
| ✅ |
| | polygon |
- [x] 桑基图节点
- [ ] Chord 节点
| ✅ |
| Edge(关系图边) | edge |
- [x] 带箭头(style.arrow: boolean)
| ✅ |
| | arc |
- [x] arc diagram 边
- [x] chord diagram 边
| ✅ |
| | smooth |
- [x] 树图边
| ✅ |
| | vhv/hvh |
- [ ] 树图边
| |
| | ribbon |
- [x] 桑基图边
| ✅ |
|
| | | |
| 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 | | | ✅ |