我正在尝试使用d3.js(javascript)库绘制指数函数(y=ab^x)。我知道如何自己绘制轴。我只需要画出实际线条的魔法。我已经看到了对线性和二次方程的描述，但没有更多的自定义内容。如有任何帮助，我们将不胜感激。 最佳答案 我认为您需要自己构建数据。对于指数函数，您可以生成数据:vardata=[],n=100,a=1,b=2;for(vark=0;k然后，使用标准代码生成折线图，例如，参见http://bl.ocks.org/3883245. 关于javascript-如何使用
我有一组嵌套的元素(SVG)。根元素是图形，子元素是图形中的元素(线、轴等)。简化示例:我的问题是，如果我将mouseover/mousemove事件(例如使用D3.on("mouseover"))绑定(bind)到mainGraph元素，它只会在我将鼠标移到其中一个子元素上时触发。我读到的一件事是后面的元素有优先级，所以我向所有子元素添加了.style("pointer-events","none")，但这没有用。 最佳答案 一种方法是添加一个填充整个表面的矩形作为第一个元素，以捕获后来添加的元素未捕获的鼠标事件:somethin
我正在使用d3进行绘图，我正在尝试创建一个svg对象，以便稍后添加到DOM。我曾经有过varsvg=d3.select(el).append("svg");vargraph=svg.append("g")...etc...出于我不会深入的原因，我想在将svg元素附加到DOM之前创建它。我也是这样varsvg=d3.select(document.createElementNS(d3.ns.prefix.svg,'svg'))vargraph=svg.append("g")...etc...，这有效，在调试时，我可以看到svg是一个1元素数组，children很好地依附。问题出在appe
过去几天我一直在努力优化D3map上的性能，尤其是在移动设备上。我正在使用SVG变换进行缩放和平移，但进行了以下观察:矫枉过正来自用于伪造国家之间间距的路径笔划。我上传了一对示例map以供比较:http://www.nicksotiriadis.gr/d3/d3-map-1.htmlhttp://www.nicksotiriadis.gr/d3/d3-map-2.html两张map之间的唯一区别是沿乡村道路的笔划路径，性能差异在桌面设备上什至很明显-但在移动设备上更明显。删除路径笔划使移动性能变得轻而易举..我尝试了各种svg笔画形状渲染选项，但没有取得显着效果。现在进入问题。有什么方
我确信有一种非常简单优雅的方法可以做到这一点，但我不太明白。我有一些看起来像这样的输入数据:[{id:1,name:"Peter"},{id:2,name:"Paul",manager:1},{id:3,name:"Mary",manager:1},{id:4,name:"John",manager:2},{id:5,name:"Jane",manager:2}]如果可能，我想使用d3.js嵌套运算符来获取要在层次结构布局中使用的结构。像这样:[{name:"Peter",children:[{name:"Paul",children:[{name:"John"},{name:"Jan
TL;DR:d3.js应该通过npm安装，输入也应该如此。接受的答案有详细信息。当我写这个问题时，我是Angular的新手。npm流程是标准流程:用于tree-shaking、包管理、更新等我有一个Angular2项目(为简单起见，它是快速启动项目)，我正在导入d3.js版本4。d3没有TypeScript定义，因为它只是javascript。在index.html中，我添加了库:在typescriptapp.component.ts中，我引用了d3.select()....它工作正常-画了一个圆圈:d3.select("body").append("svg").attr("width
我有这个JSON数据结构:[{"dep":"d1","name":"name1","size":"size1"},{"dep":"d1","name":"name2","size":"size2"},{"dep":"d2","name":"name1","size":"size3"},{"dep":"d2","name":"name1","size":"size4"}]我想将它转换成这样的嵌套结构:{"name":"root","children":[{"name":"d1","children":[{"dep":"d1","name":"name1","size":"size1"},
我一直在谷歌搜索，但我似乎无法理解这一点。我的情况是饼图上显示的国家/地区重叠:这是正在发生的事情的一个例子:jsfiddle我是D3的新手，我正在努力防止文本重叠。有没有我可以添加的文本边距属性，这样我的标签就不会相互重叠？ 最佳答案 更新:查看D3putarclabelsinaPieChartifthereisenoughspace的答案以获得更全面的解决方案。我不知道有什么通用的方法可以放置文本元素使其不重叠。但是，通过旋转标签和缩放图形使它们不重叠，有一个解决您的问题的方法:http://jsfiddle.net/2uT7F
希望有人能帮助我，因为我找不到关于这个错误的任何引用。我正在处理这段代码:varxMin=d3.min(data,function(d){returnd.value;});varxMax=d3.max(data,function(d){returnd.value;});if(0>xMin&0>xMax){xMax=0;}if(0但我一定是犯了一些错误，导致现在加载block在Web控制台中显示以下错误消息:"TypeError:t.mapisnotafunction@http://d3js.org/d3.v3.min.js:2 最佳答案
我如何让D3.js根据每个节点各自的半径/直径自动调整字体大小？我使用了一种允许自动增加尺寸的样式node.append("text").attr("dy",".3em").style("text-anchor","middle").text(function(d){returnd.className.substring(0,d.r/3);}).style("font-size","10px")//initialguess//Thisiswhatgivesitincreasedsize....style("font-size",function(d){return(2*d.r-10)/
