A-A+

React 和 D3 构建的图表库 Recharts

2016年08月19日 Linux 软件 暂无评论 阅读 478 次

Recharts 是一个用 React 和 D3构建的重新定义的图表库。这个库能帮助你在 React 应用中轻易绘制图表,Recharts 的主要特点:

  • 简单地使用 React 组件进行部署

  • 支持原生 SVG,轻量级应用一些 D3 子模块

示例:

<LineChart
  width={400}
  height={400}
  data={data}
  margin={{ top: 5, right: 20, left: 10, bottom: 5 }}
>
  <XAxis dataKey="name" />
  <Tooltip />
  <CartesianGrid stroke="#f5f5f5" />
  <Line type="monotone" dataKey="uv" stroke="#ff7300" yAxisId={0} />
  <Line type="monotone" dataKey="pv" stroke="#387908" yAxisId={1} />
</LineChart>

Recharts 的所有组件都十分有条理地分离。lineCharts 由 x 轴, tooltip, grid, and line items 组成,它们每个都是独立的 React 组件。有条理地分离和组合是 Recharts 所遵循的原则之一。

Module Formats

babel-plugin-recharts A simple transform to cherry-pick Recharts modules so you don’t have to.

标签:

给我留言

Copyright © SEARU.ORG 保留所有权利.   Theme  Ality 网站地图 360网站安全检测平台

用户登录

分享到: