草庐IT

javascript - D3 气泡图/包装布局 - 如何让气泡从最大的气泡向最小的气泡辐射?

所以我使用与此D3画廊示例相同的代码(使用我自己的数据):http://bl.ocks.org/mbostock/4063269我想要一个气泡图,其中的圆圈以最大的中心排列,然后向外辐射到最小的。这是我在Photoshop中创建的模型:这是我使用示例(默认排序的默认圆包装算法)时得到的结果:我尝试调整排序(包括尝试d3.ascending和d3.descending)。我能想到的最好的只是基本上用一个常量来颠覆排序(哈!),但仍然离我想要的还很远://....sort(function(a,b){return-1;})//...好的,所以有没有可能在不改变实际的D3包布局算法的情况下做

javascript - 如何使用 d3.js 避免图形中的日志零

我目前正在研究d3.js库。我有折线图使用DynamicLineGraph在这里,我们可以选择绘制幂线性和对数。但我的问题是我的数据集中可能有一些值为零,并且由于log0未定义,因此代码无法绘制它。在我的代码中,比例设置如下y=d3.scale.log().domain([0.1,max_y_value]).range([h,0]).nice();这是它的用法lineFunction=d3.svg.line().y(function(d){returny(d);});我知道这是一个奇怪的问题。但是有没有一种方法可以处理log0值,这样如果我有单个零值,其余的值就会正确绘制。我可以在同一

javascript - 如何在 d3.js 中围绕中心旋转对象

我在d3.js中有两个简单的对象,它们应该围绕视口(viewport)的中心旋转(就像行星围绕太阳旋转)。我是d3.js的新手,我知道我必须使用过渡,但由于行星必须一直旋转,而不仅仅是在进入或退出时,我不知道在哪里以及如何设置过渡。这是我当前的代码:varplanets=[{d:100,r:2},{d:150,r:4}];varw=500,h=400,svg,circle;functioninit(){svg=d3.select("#drawArea").append("svg").attr({width:w,height:h});varcenter={x:Math.floor(w/2

javascript - d3.js 使轴刻度可点击

我想知道是否有人知道使轴上的标签可点击的方法。现在我的轴生成如下://Addanx-axiswithlabel.svg.append("g").attr("id","xaxis").attr("class","xaxis").attr("transform","translate("+(margin.left+margin.left_padding)+","+height+")").attr("text_anchor","top").call(d3.svg.axis().scale(x).orient("bottom")).selectAll("text").style("text-a

javascript - 如何更新 d3.js 中的绑定(bind)数据?

我想在D3.js中动态更新网络图。现在我的代码是:varcolor=d3.scale.category20();varmy_nodes=[{"cluster":0,"x":50,"y":50},{"cluster":0,"x":100,"y":50},{"cluster":1,"x":100,"y":100}];varvis=d3.select("body").append("svg").attr("width",500).attr("height",500);varnodes=vis.selectAll("circle.node").data(my_nodes).enter().ap

javascript - 如何在 chart.js 或 D3 中制作阶梯线或阶梯图?

我可以在Google电子表格中完成此操作,下面是屏幕截图:这是CSV格式的小数据集BuyPPU,SellPPU,NetPPU0.023,0.019,-0.0007250.026,0.0165,-0.0037250.021,0.021,0.007350.015,0.0165,0.01470.021,0.028,0.01680.018,0.028,0.0198jsFiddle基本配置:http://jsfiddle.net/kaatula/j3FJf/1/Chart.js文档:http://www.chartjs.org/docs/D3文档:http://strongriley.githu

javascript - d3.js 中 x 轴的缩写月份格式

如何通过此函数将完整的月份名称转换为缩写名称axis.ticks(d3.time.months,1)此函数打印完整的1月和2月的月份名称我应该使用什么来将其更改为缩写名称。 最佳答案 您可以添加timeFormat,像这样:axis.ticks(d3.time.months,1).tickFormat(d3.time.format("%b")); 关于javascript-d3.js中x轴的缩写月份格式,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在 d3 js 中进行 map 重投影的平滑过渡

我想在我正在构建的迷你应用程序中实现alber/orthographic之间的平滑过渡,就像这个例子:http://mbostock.github.io/d3/talk/20111018/#27然而,在v3中似乎这种平滑过渡被打破了,map路径的过渡相当不稳定:https://www.evernote.com/shard/s236/sh/46b002bd-9c5b-4e9b-87ef-270c303eb677/2eaeebb267a3fc59df5a8447bbbcc58b/res/37917835-5aad-4509-b534-31a3e3034762/Worst_Tornado_O

javascript - 将 d3.js Canvas 附加到 div

我正在尝试向图表添加图例,并且我想将其附加到我的图表div。现在我正在使用以下代码,它将图例附加到“正文”。我想改为将它附加到我的“图表”div,以便我可以在我的图例之后创建一个页脚。现在首先处理HTML页面,然后运行我的d3javascript文件,因此图例被放置在我的页脚下方。提前谢谢你。//Createthesvgdrawingcanvas...varcanvas=d3.select("body").append("svg:svg").attr("width",300)//canvasWidth).attr("height",300);//canvasHeight);

javascript - 在 d3 wordcloud 中重叠

我将JasonDavies的wordcloud库用于d3(https://github.com/jasondavies/d3-cloud),我的问题是云中的单词重叠。我知道在堆栈溢出(和其他网站)上已经有关于这个问题的问题,但这些对我的情况都没有帮助。在下面的示例中,我使用了来自JasonDavies网站的示例云,并且只做了一些改动:我从外部文件中读取我的文字及其大小。我将旋转设置为0。不过旋转Angular似乎没有什么不同。我注释掉了“Impact”字体,以排除加载字体时出现的任何问题。(不过也没关系。)这是我的代码:d3.tsv("testdata.txt",function(er