小编Tra*_*nks的帖子

所以我是D3的新手,并且一般都使用JavaScript.所以我一直在关注一些目前正在使用创建基本散点图的源代码的教程.现在我的问题是当我添加更多数据集时,如何使用transition()方法移动圆圈？我希望能够设置按钮,当用户按下它们时,它会使用相应的数据集激活transition()方法.我在转换上阅读的教程仅显示了单个矩形的转换,并且手动完成,没有数据,也没有多个项目

//Width and height
var w = 900;
var h = 600;
var padding = 30;


//Static dataset
var dataset = [
    [50, 30], [300, 75], [123, 98], [70, 40], [247, 556],
    [410, 12], [475, 44], [25, 67], [85, 21], [220, 88],
    [600, 150]
];          

//Create scale functions
var xScale = d3.scale.linear()
    .domain([0, d3.max(dataset, function(d) { return d[0]; })])
    .range([padding, w - padding * 2]);

var yScale = d3.scale.linear()
    .domain([0, d3.max(dataset, function(d) { return d[1]; })])
    .range([h - padding, padding]); …