
d3
hahalang-
前端攻城狮一枚
展开
-
D3.js之坐标轴
一.绘制步骤:先创建一个svg元素 //创建一个svg元素 var width = 600; var height = 600; var svg = d3.select('body') .append('svg') .attr('width', width) .attr('height', height); 定义用于...原创 2018-12-26 15:22:48 · 326 阅读 · 0 评论 -
D3.js绘制柱形图
注意:此次绘制的柱形图不涉及坐标。步骤:一.添加矩形。 <script type="text/javascript"> var datest = [30,78,90,210,105,98,150,177]; //绘制柱形图所用的数据 var width = 400; //svg绘图区域的宽度 var height = 400; ...原创 2018-12-25 16:02:50 · 3254 阅读 · 0 评论 -
D3.js之饼图
一.绘制饼图的步骤:添加svg并添加svg属性(width, height); <script type="text/javascript"> var width = 400; //设置svg区域的宽度 var height = 400; //设置svg区域的高度 var svg = d3.select('body') ...原创 2018-12-24 16:42:08 · 1972 阅读 · 0 评论