react-d3-basic React图表组件库
react-d3-basic 的图表组件还挺适合快速上手的，尤其你已经在用 React，那就更顺了。它内置的图表类型蛮全，像折线图、柱状图、堆叠图、饼图甚至甜甜圈图都支持，基本上常用的数据可视化需求它都能搞定。
直接用 React 组件的方式引入，比如LineChart，写起来比用原生 D3 要省事多了，响应也快，样式也能用你自己的 CSS 来控制。更妙的是，它支持多折线、区域堆叠、分组条形图这些复杂一点的图形，也没那么折腾。
想跑个 demo？用 Webpack 随便起个项目就能跑。像下面这样：
var LineChart = require('react-d3-basic').LineChart;
var generalChartData = require('./data/user.json');
ReactDOM.render(
d.date}
/>,
document.getElementById('container')
);
图一加载就能看，数据一改就能动。如果你正在做一个仪表盘或者内部管理系统，用它来展示实时数据会比较轻松。
如果你想更花哨一些的动画或交互，那可以再叠加点 D3 原生逻辑，但大部分场景，react-d3-basic已经够用了。
哦对了，相关的折线图插件、不同平台的实现也可以参考下面这几个：
如果你项目偏 React，又不想深挖 D3 细节，那可以试试这个库，用着还挺顺手的。
文件大小：250.93KB
评论区