NEV与其他图表引擎的横向对比

Posted on

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
散点图 ✅ ✅ ✅ ✅ ✅
文本图 ❌ ❌ ❌ ❌ ✅
气泡图 ✅ ✅ ✅ ✅ ✅
  • 地图
—- 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 ⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️

总结

  • vega: 绘图功能强大，遵循图形语法，因此带来了强大的图表组合能力，但由于是非商业化的开源项目，因此在视觉、交互等方面有所欠缺，而且接口复杂，学习曲线略微陡峭。

  • HighCharts: 图表类型丰富，不支持图表元素组合扩展，带有商业性质的项目，商业用途需购买授权，难以进行二次开发，对于不支持的图表难以扩展。

  • Echarts: 图表类型丰富，提供良好的视觉和交互体验，不遵循图形语法，不能进行图表组合扩展，免费开源项目，可以用于商业用途，难以进行二次开发，对于不支持的图表难以扩展。

  • G2: 遵循图形语法，接口使用方便，非开源项目，各方面能力较为均衡。

  • NEV: 遵循图形语法，具有图表组合扩展能力，支持用户进行高度定制化的配置需求，提供良好的视觉和交互体验，提供移动端定制版，支持交互定制，高度支持图表透视功能，缺点是用户接口使用略有不便。