react-echarts ECharts图表组件库

React 项目的可视化图表用上,省心又高效。它是<ECharts>的 React 版本,封装得比较贴心,直接用组件方式插进去就行,属性绑定也灵活。嗯,基本不需要再操心原始 DOM 操作,响应也快,代码也清爽。

react-echarts的图表渲染效果挺稳,常见的折线图、柱状图、饼图都支持,连地图、仪表盘也没落下。如果你之前用过原生的 ECharts,上手更快,甚至能直接复用配置。

启动也简单,命令一套上去就能跑:

npm install
npm start

浏览器里打开 http://127.0.0.1:3000/webpack-dev-server/client?http://0.0.0.0:3000 就能预览效果。

文档用的是 YUIDoc,虽然现在不是最流行的方式,但胜在简单粗暴,跑一下:

npm install astwyg/yuidoc -g
yuidoc

就能在项目根目录生成文档。

如果你正在用 VuePython 也有类似集成方案,比如:

但用 React 的朋友,直接上react-echarts,配合项目节奏会更舒服。

哦对了,2.2.7是当前用得最多的版本,兼容性比较稳定。如果你项目里还卡在旧版本,记得对下文档再上手。

如果你想快速上手 React 可视化,react-echarts绝对是个省力的选择。

zip 文件大小:3.97MB