本篇文章主要介绍了如何在react中搭建d3力导向图，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

D3js力导向图搭建 d3js是一个可以基于数据来操作文档的Javascr ipt库。可以使用HTML,CSS,SVG以及Canvas来展示数据。力导向图能够用来表示节点间多对多的关系。 实现效果：连线有箭头，点击节点能改变该节点颜色和所连接的线的粗细，缩放、拖拽。 版本：4.X 安装和导入 npm安装：npm install d3 前端导入：import * as d3 from ‘d3’; 一、完整代码 import React, { Component } from 'r