🎉 echarts v5 发布之后，echarts-for-react 上已经有很多很多的 issue 请求支持最新版本，所以，过年期间升级了 v3 版本，支持了最新的 echarts v5。

很尴尬，目前我是在蚂蚁，主要做大数据 BI 产品 + AntV 数据可视化技术栈。理论上来说，echarts 是我们的竞品，哈哈，然而，我居然还在过年给它升级周边，我想这应该就是开源精神吧。那就顺便一起打个广告吧，欢迎大家支持我现在的工作。

• G2：基于图形语法的数据可视化，提供灵活性、定制性
• G2Plot：基于 G2 做的一图已封装，降低大部分简单场景的使用成本
• Charts：基于 G2Plot，在 Ant Design 上透出的 React 图表组件库

本文还是重点软一下主要内容吧：

给自己立的 Flag，过年期间完成就得完成。

本次升级主要的内容在于：

1. 完全 typescript

之前是在 React 0.14 时代，还是使用 props-types 校验 props，然后 ts 类型定义单独自己手写，也非常痛苦。所以这次直接使用 ts 写，自动生成 类型定义 文件。

当然主要原因，还是因为来蚂蚁之后，基本都写 ts 了，真香。

2. 单测覆盖率

之前使用 jest-canvas-mock 进行单元测试，毕竟是 mock 而不是真实运营，所有一些逻辑测试不到，覆盖率一直提不上去。

所以这次换成了 jest-electron，真实运行，覆盖率直接提升到 ，运行也改成使用 GitHub action 了。当然 jest-electron 这个模块，也是为了给 AntV 系列技术栈做单测，而开发的轮子，个人觉得还是挺好用的。

然而，前者的下载量都 2M 每月了，后者才 4K。

3. 全新官网

之前的官网是自己初学 React 的时候，完全自己搭建的，没有 lint、ci，代码凌乱，样式也不好看。所以这次直接使用 dumi 这个库自动生成，网站全部 markdown 开发，也方便大家遇到官网 typo，直接一键提交 PR。

同时 Example 实例也可直接一键导航到其他代码编辑工具上。

然而，之前还可以官网放一些 google adsense，现在 dumi 上，不知道怎么加一个自定义的谷歌广告组件上去，慢慢在弄吧！

4. README 排版

项目很简单，概念也很简单，所以直接 Readme 作为 document，但是之前的文档结构、样式排版比较凌乱，所以按照现在的个人审美，重新写了写！