NEV与其他图表引擎的横向对比
本文由 网易云 发布
作者:刘阳
本篇文章仅限内部分享,如需转载,请联系网易获取授权。
NEV与其他图表引擎的横向对比
对比的其他图表库包括vega、HighCharts、 ECharts以及G2
图表类型
柱状图
---- |
vega |
HighCharts |
Echarts |
G2 |
NEV |
堆叠柱状图 |
✅ |
✅ |
✅ |
✅ |
✅ |
并列柱状图 |
✅ |
✅ |
✅ |
✅ |
✅ |
百分比堆叠柱状图 |
✅ |
✅ |
❌ |
✅ |
✅表计算 |
并列堆叠柱状图 |
✅ |
✅ |
✅ |
✅ |
✅ |
转置柱状图 |
✅ |
✅ |
✅ |
✅ |
✅ |
折线图、区域图
---- |
vega |
HighCharts |
Echarts |
G2 |
NEV |
普通折线图 |
✅ |
✅ |
✅ |
✅ |
✅ |
平滑折线图 |
✅ |
✅ |
✅ |
✅ |
✅ |
转置折线图 |
✅ |
✅ |
✅ |
✅ |
✅ |
区域图 |
✅ |
✅ |
✅ |
✅ |
✅ |
百分比堆叠区域图 |
✅ |
✅ |
❌ |
✅ |
✅表计算 |
范围区域图 |
✅ |
✅ |
❌ |
✅ |
❌ |
转置区域图 |
✅ |
✅ |
✅ |
✅ |
✅ |
饼图
---- |
vega |
HighCharts |
Echarts |
G2 |
NEV |
饼图 |
✅ |
✅ |
✅ |
✅ |
✅ |
玫瑰图 |
✅ |
✅ |
✅ |
✅ |
✅ |
环形图 |
✅ |
✅ |
✅ |
✅ |
✅ |
环形玫瑰图 |
❌ |
✅ |
✅ |
✅ |
✅ |
笛卡尔饼图 |
❌ |
❌ |
❌ |
❌ |
✅ |
散点图、气泡图
地图
---- |
vega |
HighCharts |
Echarts |
G2 |
NEV |
地图散点图 |
✅ |
✅ |
✅ |
✅ |
✅ |
填充地图 |
✅ |
✅ |
✅ |
✅ |
✅ |
迁徙地图 |
❌ |
❌ |
✅ |
❌ |
✅nev-lite |
热力地图 |
❌ |
❌ |
✅ |
✅ |
✅nev-lite |
组合图
---- |
vega |
HighCharts |
Echarts |
G2 |
NEV |
折现柱状图 |
✅ |
✅ |
✅ |
✅ |
✅ |
散点柱状图 |
✅ |
✅ |
✅ |
✅ |
✅ |
地图饼图 |
✅ |
❌ |
❌ |
❌ |
✅ |
高级图表
---- |
vega |
HighCharts |
Echarts |
G2 |
NEV |
子弹图 |
❌ |
❌ |
❌ |
❌ |
✅ |
仪表图 |
❌ |
✅ |
✅ |
✅ |
✅ |
树图 |
✅ |
✅ |
✅ |
✅ |
✅ |
词云 |
✅ |
❌ |
❌ |
❌ |
✅ |
漏斗图 |
❌ |
✅ |
✅ |
✅ |
✅ |
热力图 |
❌ |
✅ |
✅ |
✅ |
✅ |
3D图 |
❌ |
✅ |
✅ |
❌ |
❌ |
关系图 |
✅ |
❌ |
✅ |
✅ |
❌ |
雷达图 |
❌ |
✅ |
✅ |
✅ |
✅ |
箱线图 |
✅ |
✅ |
✅ |
✅ |
✅ |
平行坐标系 |
✅ |
❌ |
✅ |
❌ |
❌ |
桑基图 |
❌ |
❌ |
✅ |
❌ |
✅ |
瀑布图 |
❌ |
✅ |
❌ |
❌ |
✅ |
甘特图 |
❌ |
❌ |
❌ |
❌ |
✅ |
图表高级功能
移动端定制版支持
图表库 |
详细 |
vega |
❌ |
HighCharts |
❌ |
Echarts |
❌ |
G2 |
✅ 有移动端版,但该仅支持部分图表且无交互 |
NEV |
✅ 几乎所有图表均提供移动端定制版,且针对移动端提供定制化交互 |
交互丰富程度与定制性
图表库 |
交互丰富程度 |
移动端交互 |
可定制性 |
vega |
⭐⭐ |
❌ |
✅ |
HighCharts |
⭐⭐ |
❌ |
❌ |
Echarts |
⭐⭐⭐⭐⭐ |
❌ |
❌ |
G2 |
⭐⭐⭐⭐ |
❌ |
❌ |
NEV |
⭐⭐⭐⭐ |
✅ |
✅ |
图表扩展组合能力
图表库 |
详细 |
vega |
✅ |
HighCharts |
❌ |
Echarts |
❌ |
G2 |
✅ |
NEV |
✅ |
接口功能与易用性
图表库 |
接口功能 |
易用性 |
vega |
⭐⭐⭐⭐ |
⭐⭐ |
HighCharts |
⭐⭐ |
⭐⭐⭐⭐ |
Echarts |
⭐⭐ |
⭐⭐⭐⭐ |
G2 |
⭐⭐⭐⭐ |
⭐⭐⭐⭐ |
NEV |
⭐⭐⭐⭐⭐ |
⭐⭐ |
总结
- vega: 绘图功能强大,遵循图形语法,因此带来了强大的图表组合能力,但由于是非商业化的开源项目,因此在视觉、交互等方面有所欠缺,而且接口复杂,学习曲线略微陡峭。
- HighCharts: 图表类型丰富,不支持图表元素组合扩展,带有商业性质的项目,商业用途需购买授权,难以进行二次开发, 对于不支持的图表难以扩展。
- Echarts:图表类型丰富,提供良好的视觉和交互体验,不遵循图形语法,不能进行图表组合扩展,免费开源项目,可以用于商业用途,难以进行二次开发,对不支持的图表难以扩展。
- G2: 遵循图形语法,接口使用方便,非开源项目,各方面能力较为均衡。
- NEV: 遵循图形语法,具有图表组合扩展能力,支持用户进行高度定制化的配置需求,提供良好的视觉和交互体验,提供移动端定制版,支持交互定制,高度支持图表透视功能,缺点是用户接口使用略有不便。
了解 网易云 :
网易云官网:https://www.163yun.com/
新用户大礼包:https://www.163yun.com/gift
网易云社区:https://sq.163yun.com/