echarts两组数据比较低的变色_Day1 百度Echarts，蚂蚁金服G2，D3三种主流可视化工具对比...

1.百度的Echarts

官网：https://echarts.baidu.com/

介绍：ECharts，缩写来自Enterprise Charts，是百度推出的一款开源的，商业级数据图表，它最初是为了满足百度公司商业体系里各种业务系统（如凤巢、广告管家等等）的报表需求。

ECharts3.8版本以上（包括3.8）可以支持SVG和Canvas绘图，3.8版本以下只能支持Canvas，且两种方式都只能导出jpg，png格式的图片，目前还无法导出svg格式图片，上手最简单，定制化程度较低。

2.D3：Data Driven Documents

中文官网：https://d3js.org/

介绍：该库更接近底层，与 g2、echarts 不同，d3 能直接操作 svg，所以拥有极大的自由度，几乎可以实现任何 2d 的设计需求。正如其名 Data Driven Documents，其本质是将数据与 DOM 绑定，并将数据映射至 DOM 属性上(这时视觉通道、比例尺转换等理论就可发挥作用喽～)。

D3目前支持SVG和Canvas绘图，而且可以导出png、jpg、svg格式的图片，且定制化程度是三者中最高的，但上手较难。

3.阿里的G2：The Grammar of Graphics

官网：https://antv.alipay.com/zh-cn/g2/3.x/index.html

介绍：G2(The Grammar Of Graphics) 是一个由纯 javascript 编写、强大的语义化图表生成工具，它提供了一整套图形语法，可以让用户通过简单的语法搭建出无数种图表，并且集成了大量的统计工具，支持多种坐标系绘制，可以让用户自由得定制图表，是为大数据时代而准备的强大的可视化工具。

G2可以支持Canvas和SVG绘图，还未提供导出图片的接口，需要自行实现导出图片，定制化程度和上手速度处于D3和Echarts之间。

总结：这三个可视化产品其实就是围绕着定制化程度和上手速度来展开的，定制化程度高的上手比较慢，反之则上手比较快，所以应该根据自身的需求来选择要采用哪一个技术，作者学习的是定制化和简易程度都适中的AntV/G2技术。