Winne_Shen的专栏

第一步使用npx指令创建react项目，项目名为d3-demo。npx create-react-app d3-democd d3-demonpm start此时你可以在浏览器中看到：此时的文件目录如下：第二步安装d3 node包。npm install --save d3第三步在js中引入d3。找到src/App.js，文件头部加入：...

我们把上一篇博文里的架构再拿过来用。第一步清空src/App.js里的className为App里的内容和componentDidMount方法初始src/App.js如下：import React, { Component } from 'react';import * as d3 from 'd3';import './App.css';class App exten...

我们接着上篇博文保持render方法不变，修改componentDIdMount componentDidMount () { const width = 300, height = 300; // 画布的宽高 const dataset = [ 34, 23, 54, 73, 88, 4 ]; const rectWidth = width / d...