echarts-for-react v3 发布,支持 echarts v5 版本

栏目: 软件资讯 · 发布时间: 3年前

内容简介::tada: echarts v5 发布之后,echarts-for-react 上已经有很多很多的 issue 请求支持最新版本,所以,过年期间升级了 v3 版本,支持了最新的 echarts v5。 很尴尬,目前我是在蚂蚁,主要做大数据 BI 产品 + AntV...

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

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

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

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

echarts-for-react v3 发布,支持 echarts v5 版本

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

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

1. 完全 typescript

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

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

2. 单测覆盖率

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

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

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

3. 全新官网

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

echarts-for-react v3 发布,支持 echarts v5 版本

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

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

4. README 排版

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


以上所述就是小编给大家介绍的《echarts-for-react v3 发布,支持 echarts v5 版本》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

What Technology Wants

What Technology Wants

Kevin Kelly / Penguin Group (USA) Incorporated / 2010-10-14 / USD 27.95

A refreshing view of technology as a living force in the world. This provocative book introduces a brand-new view of technology. It suggests that technology as a whole is not a jumble of wires and ......一起来看看 《What Technology Wants》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

在线进制转换器
在线进制转换器

各进制数互转换器