Javascript 如何添加抖动以避免D3中的过批次?
有什么方法可以在绘图点上添加抖动以避免过多绘图? X轴是“分类”值,“y轴”是“数字”值。 使用下面给出的代码,我可以在X/Y上绘图,但有些观察结果是重叠的 谢谢 我的部分代码是Javascript 如何添加抖动以避免D3中的过批次?,javascript,d3.js,Javascript,D3.js,有什么方法可以在绘图点上添加抖动以避免过多绘图? X轴是“分类”值,“y轴”是“数字”值。 使用下面给出的代码,我可以在X/Y上绘图,但有些观察结果是重叠的 谢谢 我的部分代码是 var xValue = function(d) { return d[xVar];}, // data -> value xScale = d3.scale.ordinal() .rangeRoundBands([0,width],1), xMap = func
var xValue = function(d) { return d[xVar];}, // data -> value
xScale = d3.scale.ordinal()
.rangeRoundBands([0,width],1),
xMap = function(d) { return xScale(xValue(d));},
xAxis = d3.svg.axis().scale(xScale).orient("bottom");
var yValue = function(d) { return d[yVar];}, // data -> value
yScale = d3.scale.linear().range([height, 0]), // value -> display
yMap = function(d) { return yScale(yValue(d));}, // data -> display
yAxis = d3.svg.axis().scale(yScale).orient("left");
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
.attr("r", radius)
.attr("cx", xMap)
.attr("cy", yMap)
.style("fill", function(d) { return color(cValue(d));})
我将抖动添加到所有x值,如下所示。 xMap=function(d){return(xScale(xValue(d))+Math.random()*10);}, 这将有助于避免过度抽签