![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
d3.js
Winne_Shen
想要光着脚丫~在树上唱歌~~
展开
-
第一个D3.js(React) 程序
第一步 使用npx指令创建react项目,项目名为d3-demo。 npx create-react-app d3-demo cd d3-demo npm start 此时你可以在浏览器中看到: 此时的文件目录如下: 第二步 安装d3 node包。 npm install --save d3 第三步 在js中引入d3。 找到src/App.js,文件头部加入: ...原创 2019-03-29 17:18:51 · 1366 阅读 · 0 评论 -
用D3.js(React) 画一个超简单的图表
我们把上一篇博文里的架构再拿过来用。 第一步 清空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...原创 2019-04-01 11:33:03 · 734 阅读 · 0 评论 -
用D3.js(React) 画一个纵向条形图
我们接着上篇博文 保持render方法不变,修改componentDIdMount componentDidMount () { const width = 300, height = 300; // 画布的宽高 const dataset = [ 34, 23, 54, 73, 88, 4 ]; const rectWidth = width / d...原创 2019-04-02 11:24:26 · 805 阅读 · 0 评论