关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭3年前。Improvethisquestion我正在搜索具有3个维度(x、y和z)并使用D3.js的图表。如果有任何数据可视化网站可以找到这样的图表，或者d3js.org上是否有，请告诉我。我不知何故错过了。
我有一个D3直方图图表，我在上面的条形图上附加了一个“onclick”事件:...varbar=svg.selectAll(".bar").data(data).enter().append("g").attr("class","bar").attr("transform",function(d){return"translate("+x(d.x)+","+y(d.y)+")";}).on('mouseover',tip.show).on('mouseout',tip.hide).on('click',function(d,i){//dostuff});...这完全符合预期。我还想将“
我有一个使用强制布局的图形，但它具有固定宽度w和高度h:varsvg=d3.select("#viz").append("svg").attr("id","playgraph").attr("width",w).attr("height",h)varforce=d3.layout.force().nodes(nodes).links(links).charge(-1600).linkDistance(45).size([w,h]);尽管屏幕或浏览器窗口大小发生变化，这会导致svg图形不会缩放或缩小。为了使其响应(即自动调整自身大小)，我尝试使用viewBox和preserveAspec
我想访问当前元素的父元素这是HTML的结构svggid=invisibleGgcirclegcirclegcircle基本上，当我将鼠标悬停在圆圈上时，我想在圆圈内添加文本。所以我想要在任何特定圆圈上悬停时这样的东西svggid=invisibleGgcircle-->radiusisincreasedandtextpresentedinsidethattextgcirclegcircle悬停时我可以通过d3.select(this)选择当前元素，我怎样才能得到根元素(在我的例子中是g)？ 最佳答案 您可以使用d3.select(t
我正在尝试使用FontAwesome设置图标而不是我的D3节点中的文本。这是原始实现，带有文本:g.append('svg:text').attr('x',0).attr('y',4).attr('class','id').text(function(d){returnd.label;});现在我尝试使用图标:g.append('svg:i').attr('x',0).attr('y',4).attr('class','idicon-fixed-widthicon-user');但这是行不通的，即使标记是正确的，并且正确地符合CSS规则:图标不可见。知道为什么吗？这是相关的jsbin编
所以我已经有一个页面绘制了一个力导向图，如图所示here.而且效果很好。我正在使用here中的JS，并进行一些调整以更好地分布节点。这些或多或少是唯一的区别:d3.json("force.json",function(json){varforce=d3.layout.force().gravity(0.1).charge(-2000).linkDistance(1).linkStrength(0.1).nodes(json.nodes).links(json.links).size([w,h]).start();降低链接强度似乎使链接更像Spring，因此它变得类似于Fruchterm
我正在尝试将图表的y轴范围设置为1-100。查阅了API文档并找到了axis.tickValues的可能解决方案，如此处所示https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickValues但是，使用该选项不起作用。在axis.tickSize下的上面链接的文档页面上进一步阅读，发现以下行Theendticksaredeterminedbytheassociatedscale'sdomainextent,andarepartofthegeneratedpathdomainratherthanatickline所以我认为设置范围的最小
我正在使用D3生成条形图(我改编了来自thisexample的代码)。我在x轴上使用的标签每个都有几个字长，因为这会使所有标签重叠，所以我需要跨行打断这些标签。(如果我能用换行符替换每个标签中的所有空格就好了。)我最初通过用文字换行符(
)替换空格并设置xml:space="preserve"来尝试此操作在标签上元素。不幸的是，事实证明SVG不尊重这个属性。接下来，我尝试将每个单词包装在中。我以后可以设计风格。我通过这个函数传递了每个标签:function(text){return''+text.replace(//g,'')+'';}但这只是字面意义上的s进入输出。如何将文本
我希望将html附加到D3中的矩形上，以提供多行工具提示。底部是我如何添加一个矩形，这可能是问题的一部分。顶部是应该在我的世界中工作的代码。newRect.().html("Test"+""+"Test2");它确实在SVG中插入了一个文本字段，只是不显示:HTML:TestTest2我有一个鼠标悬停功能，它运行以下命令:newRect=svg.append("rect").attr("x",xCor).attr("y",yCor).attr("width",130).attr("height",160).attr("fill","red").attr("id","rectLabel"
我正在通读D3.js文档，发现它很难理解theselection.datamethod从文档中。这是文档中给出的示例代码:varmatrix=[[11975,5871,8916,2868],[1951,10048,2060,6171],[8010,16145,8090,8045],[1013,990,940,6907]];vartr=d3.select("body").append("table").selectAll("tr").data(matrix).enter().append("tr");vartd=tr.selectAll("td").data(function(d){re
