扫一扫分享
Recharts 含义是重新定义(Redefined)图表。这个名字的背后在于这个图表在设计上带给开发者的是不一样的体验,不仅是用 react 设计,也在于重新定义了组合与配置方式。
组合:用解耦的、可重用的 React 组件快速构建你的图表。
可靠:依赖于轻量级的 D3 子模块构建 SVG 元素。
强大:调整组件的属性与传递组件自定义你的图表。
推荐使用 npm 的方式安装,它能更好地和 CommonJS打包工具配合使用,例如:webpack。
# latest stable
$ npm install recharts
目前可以通过 unpkg.com 获取到 UMD 版本的资源 ( unpkg ) :
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/prop-types/prop-types.min.js"></script>
<script src="https://unpkg.com/recharts/umd/Recharts.min.js"></script>
然后你就可以如此引用整个 Recharts 库:window.Recharts
$ git clone https://github.com/recharts/recharts.git
$ cd recharts
$ npm install
$ npm run build
手机预览