d3.js - 缩放气泡图表应用程序

时间:2014-04-11 00:41:27

标签: javascript d3.js

enter image description here

我有一个泡泡力图表应用程序,并且我已经创建了它的各种实例。但是我似乎无法根据svg的高度/宽度来缩放气泡。

http://jsfiddle.net/pPMqQ/138/

我已经对高度/宽度进行了反转以改变视口 - 但它对我来说并不合适。有没有人有任何关于如何纠正这个的经验?

                    var inverseHeight = 1/h * 100000;
                    var inverseWidth = 1/w * 100000;


                    var svg = d3.select(selector)
                        .append("svg")
                            .attr("class", "bubblechart")
                            .attr("width", parseInt(w + padding,10))
                            .attr("height", parseInt(h + padding,10))
                            .attr('viewBox', "0 0 "+parseInt(inverseWidth,10)+" "+parseInt(inverseHeight,10))
                            .attr('perserveAspectRatio', "xMinYMid")
                        .append("g")
                            .attr("transform", "translate(" + (w/4) + "," + (h/4) + ")");

1 个答案:

答案 0 :(得分:0)

我试图扩大实际的泡沫 http://jsfiddle.net/pPMqQ/143/

var scale = methods.width*.005;

它产生了理想的效果 - 但图表并不总是中心。