上周从 echarts, recharts, antv/g2, highcharts, d3, chart.js 里选了好久。前端用 react+ typescript + ant.design
Recharts 很有前途,不过还没 1.0,我遇到过一些小问题,还需要打磨。不建议用在生产环境。
G2 图表丰富,默认配色符合现代审美,文档全。但是看见'year*profit'我就不想用了
D3 太底层,不用。不过有时间还是要学学
chart.js 在 GitHub 有 3 万多 stars,但是 API 不好用。
echarts 很优秀啊,声明式,有主题编辑器方便你自定义图表配色,默认几套主题也挺好看。GitHub 2.7 万 stars 也是屌屌的。关键是文档全性能高图表丰富。echarts-for-react 这个 wrapper 不好用,我就换 highcharts 了。
Highcharts 默认配色丑的一逼,估计上一代 CEO 们会喜欢,好在依然可以方便定制,也是声明式。文档是一大优势,图表类型也多,性能还凑活,还能用图表编辑器自动生成代码。react-highcharts 乍一看很不好用,只有一个通用组件传声明好的 options 进取。我实在没其他封装好的 react 组件可以用,就自己写了个。最后发现是 react-highcharts 的翻版...........目前用的还不错,我的项目有个小 bug,父 tag 的 width 没作用,图表会 overflow, 浏览器 resize 一下就好了。
结论,echarts highcharts 二选一。注意一下 highcharts 的协议
网友评论