草庐IT

d3-tooltips

全部标签

javascript - .attr 与 D3.js 中的 .classed

在d3中,什么时候用比较合适d3.select("foo").attr('class','bar');相对于d3.select("foo").classed('bar',true);?是否推荐或预期弃用?什么是行业标准? 最佳答案 没有合适的方法,或者推荐的,或者标准的。两者都是有效的方法,使用哪一种取决于您的具体目的。classed("foo",true)和attr("class","foo")的主要区别是前者只会修改classList如果它已经存在...Ifavalueisspecified,assignsorunassigns

javascript - d3.max 没有得到正确的值

这个问题在这里已经有了答案:D3.jsscalereturningwrongvaluesfromdataset(2个答案)关闭7年前。我正在使用d3.js来呈现一些数据,数据集是一个名为bar-data.csv的csv文件,如下所示:date,value,durationwww.sina.com,53,100www.baidu.com,165,2000www.qq.com,269,690www.youku.com,421,224www.facebook.com,405,345www.apple.com,376,777www.cnn.com,359,298www.cctv.com,433

javascript - D3.js 版本 4 使节点具有粘性

我是D3版本4的新用户,我在将固定节点功能添加到力导向布局时遇到问题。我相信这是通过将d.fixed设置为true在v3中实现的,但是我在将其转换为与v4兼容的内容时遇到了问题。我试过添加simulation.fix,但如果不从模拟开始就修复节点,就无法将它集成到我现有的代码中。理想情况下,我想添加一个双击监听器,将节点固定到位,并允许通过拖动功能对其进行定位,然后在再次双击时恢复模拟力。预先感谢您的帮助。这是我的js:varsvgNetwork=d3.select("svg"),width=+svgNetwork.attr("width"),height=+svgNetwork.at

javascript - D3 饼图 : Uncaught Type Error - Cannot read property 'pie' of undefined

我正在尝试基于此resource创建一个d3饼图.但是,我收到以下错误:UncaughtTypeError-Cannotreadproperty'pie'ofundefined我的代码:classPieChartextendsReact.Component{constructor(){super();//-Thisiswheretheerrorisoccuring!this.pie=d3.layout.pie().value((d)=>d.value);this.colors=d3.scale.category10();}arcGenerator(d,i){return();}rend

javascript - d3 力有向图向下力模拟

也许这不是最好的方法,但现在我已经陷入困境,我想知道它是如何工作的。我正在尝试使用d3创建一棵树,节点将向下沉降,就像有重力一样。我希望这个,连同每个节点的电荷和绳索的张力,使它最终看起来像我想象的那样,它会自我平衡。我试图在d3中模拟这种持续向下的加速度,但我是d3的初学者,不知Prop体如何。我也遇到了模拟停止运行的问题,而d3.timer(force.resume)没有帮助。所以本质上,我想让一个根节点像枢轴一样固定在某个位置,子节点从它上面脱落,重力、电荷和张力存在,这样子节点就会自动安定下来并平衡成一个树状结构。 最佳答案

javascript - 我想在 D3.js TreeMap 中的链接上添加文本

我想在D3.js中制作决策树并在链接上添加文本。varmargin={top:20,right:20,bottom:30,left:40},width=960-margin.left-margin.right,height=500-margin.top-margin.bottom,rect_width=90,rect_height=20;vartree=d3.layout.tree().size([height*2,width/2]);vardiagonal=d3.svg.diagonal().projection(function(d){return[d.x,d.y];});vars

javascript - 使用D3.js创建人口金字塔

我需要使用D3.js创建一个看起来很经典的人口金字塔。与此图片相似:我发现了一些看起来非常不错的示例(this和this),但是它们比我要查找的要复杂得多。有谁知道我可以看的一个简单的简单示例?对开始这个有什么建议吗?我是否应该仅制作两个彼此相邻的条形图,每个性别组一个? 最佳答案 进行这样的可视化的关键是要花很多时间预先设置布局,然后再绘制任何东西。当需要为图表制作刻度和坐标轴时,您将需要使用一些关键度量来使您的生活变得更加轻松。然后,您可以将元素与翻译一起使用,以便在图表的每个“部分”中都可以在本地坐标下工作。目标是创建两个像这

javascript - 未捕获的 TypeError : $(. ..).tooltip 不是函数

我有一个基于SpringWeb模型-View-Controller(MVC)框架的项目。SpringWeb模型-View-Controller(MVC)框架的版本是3.2.8,部署在WebLogicServer版本:12.1.2.0.0加载1个JSP时出现错误UncaughtTypeError:$(...).tooltipisnotafunction这是我加载的所有内容,我一一检查,所有这些都已加载$(document).ready(function(){$('[data-toggle="tooltip"]').tooltip();varselected=[];vartable=$('

javascript - 使用 d3.js 设置饼图颜色

我在使用d3.pieChart设置饼图切片颜色时遇到问题。我看到的文档和示例将颜色方法与十六进制颜色数组结合使用。但是,设置此结果会导致我的饼图变成白色(不可见),而图例中的每个项目都变成黑色。我已经尝试将.colors与五色数组和六色数组一起使用,但问题仍然存在。这可能是由于slicesCap的某些问题造成的吗?下面的代码片段,但category10令我眼花缭乱,所以任何有关实现自定义颜色集的建议都将不胜感激!pie.slicesCap(5).legend(dc.legend().gap(3)).colors(d3.scale.category10())

javascript - 具有固定布局的 d3.js 绘图网络

我目前正在处理由我的前任编写的批处理脚本的可视化结构,它只是从某处重复SELECT和INSERT到某处。我尝试使用树函数,但当我希望将JSON的相同索引中的相同名称识别为相同节点时,使用起来并不灵活。所以我决定使用强制布局功能,并且在谷歌搜索的帮助下几乎完成了。然而,虽然我可以在同一区域映射同一组数据库或脚本来初始化部分,但不知何故force.on("tick",function()~~重新计算每个节点之间的距离然后它变得非常困惑。但没有这个,它不会显示节点之间的链接。有谁知道如何在使用JSON重新计算链接时固定布局。我的代码是这样的:node.append("circle").att