码迷,mamicode.com
首页 > Web开发 > 详细

D3.js 绘制散点图

时间:2018-11-16 22:30:40      阅读:523      评论:0      收藏:0      [点我收藏+]

标签:attr   turn   sel   元素   class   散点图   ase   dataset   包含   

对于散点图,使用的数组需要包含坐标元素,即 x, y。同时,散点图需要使用 circle 元素。

var svg = d2.select("body")
    .append("svg")
    .attr({
        width:w,
        height:h
})

svg.selectAll("circle")
    .data(dataset)
    .enter()
    .append("circle")
    .attr("cx",function(d){
        return d[0];
    })
    .attr("cy",function(d){
        return d[1];
    })
    .attr("r",5);

 

D3.js 绘制散点图

标签:attr   turn   sel   元素   class   散点图   ase   dataset   包含   

原文地址:https://www.cnblogs.com/guangluwutu/p/9971826.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!