知识库

Loading

0 评论 / 0 点赞 / 297 阅读  使用场景 最后更新: 2022-09-20 作者: 飞致云 总字数: 1035

1 问题背景

DataEase 目前内置了两种图库 ECharts 和 AntV,作为一个小白使用者来说对这两个名称本来就是陌生的,做仪表板时不知道要怎么选?有什么区别?

2 图库认识

首先先浅认识下两个图库。

Apache ECharts 的前身是百度 ECharts。2018年1月16日,ECharts 进入 Apache Incubator 进行孵化。2020 年 12 月 16 日,ECharts 在孵化器毕业,成为 Apache 软件基金会的顶级项目。

AntV 是蚂蚁金服旗下开源数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践,AntV 下有多套适用于不同场景下的可视化产品。目前 DataEase 使用了 G2(常规统计图表)、S2(多维交叉分析表格)、L7(空间数据可视分析)。
image-1655862373137
image-1655862379260

对于一个普通用户来说,不用太关注底层的内容,在选择使用哪个图库时可聚焦于自己需要的图表及其样式上。大多数两个图库中都有的一些图表类型在简单的使用上差异性不是太大,可以看看以下列出的内容中是否有影响到你的因素,否则随意就好。

3 图库选择

3.1 图表类型差异

可参考 DataEase 在线文档中图表类型相关内容,各个图库支持的图表情况会跟随版本发布实时更新。截止到 v1.10.0 版本,使用以下图表时只能选择其中的一种图库,其它图表为公共图表。

AntV 特有:透视表、水波图、瀑布图、词云图

ECharts 特有:地图、气泡地图、组合图

3.2 图表属性或样式差异

以下内容整理自 v1.10.0 版本,并未展示完全所有图表涉及到的差异,用户可在制作过程中多多探索。

3.2.1 展示饼图百分比使用 ECharts

很多同学使用饼图时倾向于展示百分比,目前只有 ECharts 的饼图属性支持直接配置,可参考:https://kb.fit2cloud.com/archives/23。除此之外想要自定义展示一些其它的内容格式也需要使用 ECharts。
image-1655862421460

3.2.2 表格列宽自适应使用 AntV

ECharts 目前只支持表格固定列宽,除此之外如果需要设置表头与表格对齐方式也需要选择 AntV。
image-1655862427251

3.2.3 柱状图需自定义柱宽使用 ECharts

image-1655862437538

3.2.4 仪表盘设置起始最小值使用 Echarts

image-1655862459343

3.2.5 仪表盘图形样式细节差异

例如刻度、指针等等的展现样式不同。

image-1655862463398

3.2.6 设置漏斗图宽度使用 ECharts

image-1655862471535

3.4 图表展示差异

在隐藏组件的“图例”后,AntV 的图形和边框不会有太大间距,而 ECharts 下方间距较大且无法调整。如不想有该间距体现可选择使用 AntV。
image-1655862478254

文章目录
其他资源