腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
将D3.js的缩放从鼠标转到control+mousewheel
、
、
、
从,我知道如何禁用鼠标轮放大D3.js。我怎样才能把它重新映射为按住控制按钮,再加上鼠标轮?谢谢。
浏览 2
提问于2016-01-14
得票数 5
回答已采纳
1
回答
d3.js动画跟随鼠标移动的圆圈
、
、
、
我正在使用d3.js库,在实现客户端所需的内容时遇到了问题。 这里的客户端请求,他们想要“黑色圆圈,以”跟随“当鼠标悬停在它上面。 我不知道d3.js库是否有这种特性,我只能在鼠标拖动时看到。 我在JSFiddle中添加了我的示例代码,请参阅下面的内容: node.on("mousemove", function(){ var coords = d3.mouse(this); //node.attr('transform', 'translate(' + coords[0] + ',' + coords[1] +
浏览 0
提问于2018-09-05
得票数 0
回答已采纳
1
回答
使用D3.js,我可以使用键盘聚焦SVG图表中的数据点吗?
、
、
、
我有一个使用D3.js创建的SVG图表,其中有数据点,当鼠标悬停时会显示出来。 现在,我需要让它支持那些只能使用键盘而不能使用鼠标与图表进行交互的运动障碍者。 我尝试使用tab按钮在图表中导航,但数据点不可聚焦,因此无法显示。 有人能教我如何让它更容易访问吗? 如果D3.js不支持它,你能推荐其他库吗? 顺便说一句,是更好的选择吗? 提前感谢!
浏览 13
提问于2021-06-09
得票数 0
1
回答
工具提示在NVD3 MultiChart中的第二行不起作用
、
、
、
、
我在angular-nvd3中有一个multiChart,它应该显示每天的销售计数和总收入。 <nvd3 options="options" data="data"></nvd3> 下面是选项和数据: $scope.options = { chart: { type: 'multiChart', height: 450, margin : { top: 30, right: 90, bottom:
浏览 1
提问于2016-01-13
得票数 1
2
回答
D3.js -为什么会为每个子元素触发mouseover和mouse?
、
我使用d3.js生成一个svg圆,圆的中间有一个文本徽标。这是svg结果。 <g id="main"> <circle r="114" fill="#F0E8D0"></circle> <text text-anchor="middle">The movie title</text> </g> 下面是d3.js var circles = [{r: innerRadius}]; svg.append("g").attr(
浏览 6
提问于2014-03-17
得票数 16
回答已采纳
1
回答
如何在d3.js中根据鼠标方向选择brushX或brushY?
、
在d3.js v4中,我尝试实现对线图的画笔(缩放选定区域)。我希望在X或Y方向的画笔是根据鼠标移动的方向来选择的。 如果鼠标向左或向右移动,则需要调用brushX,如果鼠标首先向上或底部移动,则需要调用brushY。 有没有办法实现这一点?
浏览 0
提问于2017-09-26
得票数 0
2
回答
在d3.js强制有向图中是否有轻击和双击事件
、
、
、
、
我正在使用d3.js做一个力有向图。我需要处理移动设备节点上的点击和双击事件。鼠标悬停和点击功能需要在d3.js中复制为轻击和双击。我已经设法让一个触摸事件工作,但对如何在移动设备中捕获双击事件一无所知。
浏览 4
提问于2012-08-10
得票数 13
回答已采纳
2
回答
在D3饼图中悬停图例时分解饼图切片
、
我已经使用D3.js和图例创建了一个饼图来匹配饼图切片。 我能够在鼠标悬停和鼠标移出事件上爆炸饼片。 当我将鼠标悬停在图例上时,我需要分解饼图切片并显示工具提示,其中包含与饼图切片相对应的值。 任何实现这一目标的建议都是值得感谢的。
浏览 2
提问于2015-02-18
得票数 1
1
回答
获取用D3.js投影的路径的地理空间坐标
、
我已经成功地用D3.js将SVG世界地图和其他一些形状投射到了球体上。 我可以很容易地把点映射到球体上,但我还没有相反的方法。从鼠标事件中,我想推导出lat/lng或指针处的一般角度。 在我进入数学兔子洞之前,D3.js中有什么东西可以处理倒置映射吗?或者是现有的解决方案?
浏览 5
提问于2022-03-24
得票数 0
回答已采纳
2
回答
如何防止鼠标打开后触发鼠标?
、
、
、
、
在我的Javascript应用程序中,我遇到了事件冒泡的问题,即我不想在鼠标启动元素后触发mouseleave (已经实现了拖动行为,因此它移动,鼠标离开)。 我怎么能这么做? 编辑 我使用d3.js以下列方式捕获事件: d3.selectAll("circle") .on("mouseover", function(d,i){ ... } .on("mouseup", function(d,i){ ... } .on("mou
浏览 0
提问于2013-09-03
得票数 1
回答已采纳
1
回答
样式设置在D3中悬停时指向子节点的前面链接
、
、
我在写D3.js的树形图。 当我将鼠标放在子矩形(图片=红点)上时,我尝试修改前面链接的颜色(在图片=蓝线上)。 当触发矩形上的悬停事件时,是否有访问链接路径的方法?
浏览 2
提问于2021-06-24
得票数 1
回答已采纳
1
回答
d3.js :仅当指针停留在同一位置的时间最短时才启动mouseover-event
、
我在d3.js中有一个地图,带有一个连接到子区域的鼠标悬停事件。有很多子领域。当鼠标在地图上快速移动时,cpu会因为所有的启动事件(在这种情况下对用户没有任何用处)而变得过载。那么,如何确保事件仅在指针停留在给定区域至少500ms时才会启动?
浏览 2
提问于2014-12-01
得票数 0
1
回答
在Bostock的“优步邻里搭车”和弦中,Mouseover的和弦触发器在哪里?
、
、
、
、
乡亲- 我正在编写一个基于的d3.js chord图: 第88行清楚地显示了邻居"group“对象的mouseover事件。 第123-130行显示了标题是如何与和弦连接的. 但是,没有鼠标控制触发器来显示/隐藏与节点关联的.text。 这是JS的“自动”功能吗?或者行为是d3.js脚本的一部分? 我提出这个问题的原因是,我需要用单击行为来替换悬停行为,因为它需要在iPad上使用。
浏览 3
提问于2013-08-22
得票数 1
回答已采纳
3
回答
相当于D3.js中jQuery的'not‘选择器?
、
、
在D3.js中,我希望选择与选择器匹配的所有元素,但当前元素除外。 原因是我想把鼠标移到一个圆圈上,让同一类的所有其他圆圈变成浅蓝色,但当前的圆圈保持相同的阴影。 这是我目前所拥有的: vis.selectAll('circle.prospect') .on("mouseover", function(d) { console.log(d); d3.selectAll('circle.prospect').transition().style('opacity','0.5'); d3.s
浏览 43
提问于2012-09-07
得票数 19
回答已采纳
1
回答
Ipad上的SVG性能不佳
、
、
、
我正在使用D3.js渲染3000个SVG圆圈。D3.js工作得很好,但是你需要用鼠标移动它们。在我的Safari桌面上工作得很好,但是,当我在Ipad上渲染它们时.从15 FPS降到2/1 FPS。 如果我只画500圈..。钢铁贫乏。有没有更好的表现的方法? 我用这个移动它们: var diff = this.lastClientX - getD3MousePosition().X; if(isNumber(diff)){ this.XLines.forEach(function(line){ li
浏览 5
提问于2012-08-03
得票数 4
1
回答
d3.js中的选择指向匿名函数和箭头函数的"this“有什么区别?
、
我知道这是关于javascript的问题,而不是特定于d3.js的问题,但不管怎么说,我都很困惑。 我想在d3.js中添加两个相同的函数。 .on("mouseover", function(){ d3.select(this) .attr("fill", "orange") }) 和 .on("mouseover", ()=>{ d3.select(this) .attr("fill", "orange") }) 他们都在努力实现同样的目标。让鼠标悬停到橙色的盒子。
浏览 2
提问于2020-10-27
得票数 1
回答已采纳
1
回答
鼠标中间按钮的d3js摇摄
、
我最近将D3.js从v3升级到了v4,我注意到我不能再按鼠标的中间按钮了,就像使用左键一样。通过比较mbostock的旧块和新块,似乎也发生了同样的事情。 将与进行比较。尽管它们的代码和功能非常相似,但是使用鼠标的中间按钮可以在v3上工作,而不能在另一个上工作。 有没有人知道在新版本中使用鼠标的中间按钮是否仍然可以进行平移?
浏览 5
提问于2016-08-10
得票数 4
回答已采纳
1
回答
使用d3.js和HTML5画布(非SVG)的鼠标事件
、
、
、
我对画布相当陌生,对D3.js也完全陌生…… 我正在尝试使用d3.js和画布来创建交互式数据可视化。我有一个非常基本的版本,但是我对如何准确地与每个节点(圆圈)进行交互感到有点困惑。 网上关于如何做到这一点的信息似乎有限,或者我错过了什么? 我目前正在尝试用以下代码更改鼠标光标在mouseover / mouseout上的位置: canvas.on("mousemove", function() { var m = d3.mouse(this); selectNode( m[0], m[1] ); }); var nodeI, thisNX, thisNY, nH
浏览 2
提问于2014-08-21
得票数 3
2
回答
在d3.js中鼠标悬停时,如何获取相应位置的值?
、
、
、
、
我需要在相应的位置显示值,同时使用d3.js将鼠标放在线条/条形图上 var toolTip = svg.selectAll("path") .append("svg:title") .text(getmouseoverdata(data) ); function getmouseoverdata(d) { return d; } 在这里,我获得了数组中的所有数据,同时鼠标悬停在图中的任何位置。 但是我想在相应的位置显示这个值。我怎样才能做到这一点?
浏览 11
提问于2013-04-15
得票数 1
回答已采纳
1
回答
更改鼠标悬停事件d3 js上的条形尺寸
、
、
、
我正在创建一个条形图,我想在它有一个焦点功能。因此,每当我选择鼠标悬停事件,一个特定的条,条的宽度和高度增加,而其他一切保持不变,使这个条更集中。就像这样: 假设我将鼠标悬停在第二个栏上,它应该看起来像这样: 可以利用d3.js的聚焦和缩放功能吗?
浏览 16
提问于2017-02-09
得票数 0
1
回答
D3.js中线的实时绘制
、
、
、
我刚刚开始使用D3.js,我想要创建一些类似于我们在Paint中所做的事情来绘制一条线。步骤应该是相同的:-单击屏幕上的一个点-拖动到目的地以创建一条线。 我现在遇到的麻烦是,当你把鼠标拖到目的地时,线应该根据你的鼠标移动。我该怎么做呢? 谢谢。
浏览 1
提问于2013-08-16
得票数 9
回答已采纳
1
回答
鼠标上方光标更改为按钮形式
、
我的d3.js需要一些帮助。有人能帮我实现一个功能,鼠标在你的光标变成“点击”光标形式?例如,当您单击堆栈溢出上的按钮悬停时,光标会发生更改。 .on("mouseover", function() { d3.select(this) .style("fill", "#3b6887"); })
浏览 0
提问于2015-02-02
得票数 0
回答已采纳
1
回答
如何将svg移动/平移到某个位置?
、
、
、
、
我可以使用下面的代码在D3.js中通过鼠标移动来平移/移动整个SVG。现在,我希望在没有鼠标的情况下完成这个转换,这意味着将SVG移动到某个(X,Y)位置。我知道如何使用DOM元素做到这一点,但我不确定如何使用SVG做到这一点? var svg = d3.select("#svg") .call(d3.zoom().on("zoom", function () { svg.attr("transform", d3.event.transform); })).append("g");
浏览 0
提问于2017-10-06
得票数 1
2
回答
d3缩放行为被mousemove事件过写
、
我在svg上实现d3.js缩放行为,在相同的svg上,我还需要捕获鼠标坐标,这样我就可以设置跟随鼠标光标位置的工具提示的位置。 问题是我的“mousemove”事件覆盖了d3.js的缩放行为。随着'mousemove‘事件的添加,缩放行为停止工作。 这要么是我有‘摩丝表情’事件,要么是‘变焦’事件,但不是两者都有。有什么好办法避开这件事吗?谢谢。 // bind zoom behavior selection_svg.call( d3.behavior.zoom() .translate([0, 0]) .scale(1)
浏览 0
提问于2016-09-04
得票数 0
回答已采纳
1
回答
如何模仿d3.js的主页?
、
、
在d3.js主页、上,有关于如何创建交互六边形的源代码或示例吗?特别是,我有一组照片,我想创造同样的效果。即鼠标悬停时,瓷砖移动一点点,悬空瓷砖突出显示。
浏览 2
提问于2014-05-14
得票数 1
回答已采纳
1
回答
使用d3.js的外部SVG的幻灯片放映
、
、
、
我有s1,s2,s3,s4,...s40 SVG图像文件在部署子文件夹.i想要加载每个图像替换其他的帮助下的光标键控制/鼠标点击的部分html text.Is它可以通过d3.js?
浏览 0
提问于2014-02-09
得票数 1
2
回答
如何确定鼠标的位置是否足够接近路径?
、
、
我正在用d3.js开发一个图表。有一个功能我不知道如何实现:我在图表上有一条折线,当鼠标离这条折线的任何一点足够近的时候,我想突出显示它(使它变得更加粗体,变成其他颜色)。 我不知道d3中是否有内置的函数来确定鼠标是否离我很近( svg元素)。如果没有,那么如何实现这一点? 假设上述功能已准备就绪,当鼠标靠近这条线但实际上不在这条线上时,如何使突出显示的多段线可以拖动?
浏览 0
提问于2014-06-28
得票数 0
1
回答
D3.js:标题鼠标悬停时圆圈颜色更改不起作用
、
、
、
、
我是附加一些文本到D3.js的圆,并希望圆改变颜色鼠标悬停,也在鼠标悬停在文本上。 目前鼠标悬停时,圆圈确实会改变颜色,但是当鼠标悬停在文本上时,圆圈鼠标悬停不再起作用(逻辑上:我悬停在文本上)。如何让圆圈在悬停在文本上时也改变颜色? 我的代码(gnode是之前定义的圆): var label = gnode.append("text") .text(function(d) { return d.key ; }) .attr("font-size", function(d) {return 12 + d.value[0]/4}) .att
浏览 1
提问于2014-08-05
得票数 0
1
回答
d3.js -茉莉测试以调用对svg元素的单击
、
、
我的角应用程序中有一个图表指令,它使用d3.js库。 指令的一部分将鼠标事件处理程序添加到一些svg元素中,如下所示 svg.selectAll('g rect') .on('click', function(d) { scope.clickHandler(d, scope.data); }) .on('mouseover', function () { d3.select(this).classed('data-item-hover', true); })
浏览 4
提问于2016-03-30
得票数 2
回答已采纳
1
回答
使用JavaScript获取SVG中最近的元素
、
我使用将单张音乐呈现给SVG,并在浏览器中显示它们。 对于我的项目,我需要得到一个特定类型的最近的SVG元素到鼠标指针。由于性能问题,计算所有元素的距离(例如使用d3.js)并不是可行的解决方案。 有什么优雅的方法吗?
浏览 0
提问于2015-07-06
得票数 3
回答已采纳
3
回答
D3.js / Javascript Node-Lines弹出窗口和颜色更改
、
、
、
我正在研究D3.js,我有一张有线条和节点的地图。当我用鼠标对他们时,我希望他们改变颜色,变厚,我想要一个小的弹出窗口,显示他们的I。在弹出的HTML上,有一个onmouseover函数。第一个问题: javascript中有类似onmouseover的功能吗?第二个问题:当鼠标在特定的节点或线上时,我有没有办法改变颜色,使线或节点变厚。(如果在JQuery中有一种方法,我可以使用JQuery)
浏览 1
提问于2016-03-10
得票数 2
回答已采纳
2
回答
删除鼠标退出事件上的文本
一个小问题就是。我有一个条形图,我希望它在‘鼠标中心’的行中显示一些文本。这很好,但我想删除这段文字的‘鼠标’,我似乎无法掌握它的窍门。 非常感谢您的帮助!附件: d3.js脚本的有关部分 d3.selectAll("div.line") .append("div") .attr("class","bar") .style("width", function(d){return d.occurrence /10 + "px"})
浏览 0
提问于2014-02-27
得票数 1
回答已采纳
2
回答
网站中D3.js前端和Python后端/交互式图之间的双向流
、
所以这有点类似于 和 但所有使用d3.js的用户和我都不认为他们达到了相同的交互级别。 因此,我是d3.js的新手,坦率地说,我不知道在这个例子中我应该从哪里开始。 项目流程: 在前端询问用户名。把这个发送到后端python 获取x深度的图形数据(对象+边),其中x通过Python调用第三方网站API与起始节点之间的距离 运行一些有关数据的机器学习(python) 在d3.js循环中显示图形+一些数字(可能在右下角): 有一个交互式的d3.js图,这样如果我单击一个节点,它就会用它作为起始节点重新进行计算。 是否使d3.js显示了部分文本(前10个字符?)每一个节点,然
浏览 1
提问于2012-10-26
得票数 9
回答已采纳
1
回答
如何在d3.js路径中添加工具提示?
、
、
我正在使用d3.js topo和d3.js path从geojson数据构建一个floormap。为了澄清,我也使用了vue.js。我想在用户将鼠标悬停在房间上时添加一个工具提示(也称为d3.js路径)。首先,当用户将鼠标悬停在路径上时,我只向其中添加了一个控制台日志,但这并不起作用。我注意到,每次我加载应用程序时,它都会记录一个控制台日志,但当用户单击/悬停在d3.js路径上时就不会了。我听到有人说,我必须创建一个不可见的圆形或矩形,它将绑定tooltip属性,但我不认为一旦楼层地图变得复杂,该路线将不起作用。我现在并不关心在工具提示中添加任何实际的数据,但以后我会想这样做的。请谁给我指个
浏览 27
提问于2020-10-08
得票数 1
回答已采纳
1
回答
与图例D3.js分组条形图的交互
、
我使用D3.js绘制了分组条形图。 Here: https://jsfiddle.net/astropsych/uc3xy0bj/5/ 我需要添加动态交互。这样,当您将鼠标悬停在图例上时,图表上的相应值将突出显示,而当您单击图例时,相应的值将消失,图表将重新生成。请帮帮我
浏览 15
提问于2021-01-20
得票数 0
1
回答
d3.js在鼠标悬停时倒置数据的仪表板
、
、
我正在使用d3.js网站的仪表板示例。 我稍微修改了它,以适应我的需要,但是当我鼠标悬停时,在直方图上,我看到低计数和高计数是倒置的,也就是说,低计数变为高计数,反之亦然。 是我所面临的问题的摇篮。正如你所看到的,最初,低的计数是12,而高的计数是0。但鼠标悬停时,在蓝色直方图上,低计数变为0,高计数变为12。 你对为什么会发生这种事有深刻的见解吗?我怎样才能纠正它?
浏览 1
提问于2016-12-13
得票数 1
回答已采纳
1
回答
svg元素的某些部分可以通过浏览器呈现在SVG元素本身之外吗?
、
、
我有一个d3.js图表,它是由许多元素组成的SVG。工具提示显示在用户鼠标上方。大多数左右工具提示都部分地隐藏了绘图边(它们被svg元素边缘裁剪,类似于溢出:隐藏将在溢出:隐藏的父元素外部剪切绝对定位元素)。 所以我能给他们看看SVG broders的外面吗?
浏览 0
提问于2016-11-13
得票数 1
回答已采纳
1
回答
如何防止鼠标滚轮事件的默认操作
、
、
我正在构建一个d3.js条形图,它将允许我在x轴上滚动,方法是将具有固定宽度和高度的svg元素包装在具有溢出属性的较小div中。这种可视化是在一个处理数据并提供javascript代码编辑器来创建可视化的平台上构建的。发布代码后,条形图将呈现在html div元素中。 呈现条形图的页面有一个默认的缩放事件,该事件在您使用鼠标滚轮时触发。因为我想使用鼠标滚轮在我的条形图中滚动,所以我试图通过在代码中包含以下语句来停止默认的缩放操作: $(vizhtmlelement).mousewheel(function() { return false; }); 这可以成功地删除缩放功能,但也会阻止
浏览 3
提问于2013-10-26
得票数 0
2
回答
d3.js鼠标移除问题
、
、
我再一次和d3.js做斗争。我有一个工作线路图和部分工作鼠标。目标是将鼠标仅限于svg元素,就像Mark让它在他的答案中工作一样。 我用它创造了一个柱塞。我的处境就是这样。 我尝试过这样的方法:添加:: .attr("transform", "translate(" + margin.left + "," + margin.top + ")") 但是它总是把圆圈和标杆从图表中推出来,我现在已经摆弄了好几天了,如果有人碰巧给我指明了正确的方向,我会非常高兴。 提前谢谢你。
浏览 4
提问于2016-05-14
得票数 2
回答已采纳
1
回答
获取R中的底层数据(Ggplotly2)
、
、
我已经使用ggploty2包在R中开发了一些图形。有一些方法可以在鼠标悬停时显示数据。我想知道是否有任何方法可以获得关于这个事件的底层数据。 我有一个条形图,上面有所有产品每个月的销售总额。 如果我用鼠标单击hove,我可以看到该月的销售数量,但我希望将该销售的所有详细信息放在不同的位置/div中。 有没有可能在D3.js/R或任何可视化工具中实现。 提前感谢
浏览 2
提问于2016-08-05
得票数 0
1
回答
d3.js关于交互式滚动svg元素的指南
、
我使用d3.js和mathjs创建了功能,可以绘制一条曲线,然后在鼠标悬停时绘制曲线的切线。源代码是。 我感兴趣的是允许用户滚动一条三次曲线,例如,通过拖动x轴,然后重新绘制图形。 有人能给我一些关于如何实现这一目标的高级指导吗?
浏览 1
提问于2016-01-22
得票数 0
1
回答
将鼠标悬停在具有不同图层的d3.js地图上
、
、
、
我用3个不同的管理级别制作了我的TopoJSON。在鼠标经过时,我希望2级的对象被高亮显示。然而,由于分层的原因,对象只能在其上方没有对象的情况下才能检测到鼠标事件(比方说,来自级别3)。这是一个javascript问题,我可以简单地更改每个级别的z索引(通过CSS或在脚本中)。我还尝试对每个级别的调用进行重新排序。然而,我在某处读到d3.js有它自己的处理对象的方式,所以我提到的方法似乎不起作用。 我如何确保我想要的对象保持在顶部?
浏览 0
提问于2015-05-28
得票数 0
1
回答
在D3.js中缩放或摇摄时限制域
、
、
、
、
我已经实现了一个简单的D3.js线图,可以缩放和平移。它基于Stephen的优秀示例。 在x维中,我的数据域是0,n。 如何使用内置缩放行为(即使用鼠标轮事件)将缩放和摇摄限制在此域? 我希望防止用户在下端摇摄超过0,或者在上端显示n,例如,他们永远不能在x轴上看到负值,并且希望限制缩放到相同的窗口。 我在Jason的基础上发现的例子使用了范围(.,.,.)在2.9.1版中似乎不再起作用。不幸的是,缩放行为目前是其他优秀API文档中没有记录的少数特性之一。 任何指示都欢迎。 PS。我在D3.js邮件列表上发布了同样的问题,但没有得到回复:。对交叉张贴表示歉意。
浏览 1
提问于2012-05-02
得票数 9
回答已采纳
1
回答
捕获/保存d3.js太阳爆发图的当前状态
、
、
、
我是d3.js的新手。我在d3.js可缩放的太阳爆发图上工作。当用户放大到一个特定的弧线时,我需要捕捉太阳暴晒图的这个状态。当用户返回到太阳暴晒图或再次加载该图表时,他应该会看到他离开的状态。 注意:我不想序列化svg元素来显示太阳暴晒的状态。如果我序列化它,那么图表将是静态的,用户不能点击太阳暴晒和穿越到其他弧。 建议的解决方案:我想到的一个解决方案是模拟鼠标点击太阳暴晒节点,直到最后一个节点用户查看。我无法想出解决这个问题的算法。请指导我是否可能有任何其他的解决方案。
浏览 7
提问于2015-04-20
得票数 0
回答已采纳
2
回答
SVG元素重叠问题
、
我目前正在使用d3.js进行可视化。请看一下。(这是一个dropbox链接,您可能必须允许它加载。) 我已经创建了一个函数,当鼠标悬停在地图上的一个点上时,每个重叠元素的大小都会增加。 请尝试以下用例: 1.单击美国放大到国家/地区。2.将鼠标指针拖动并平移到纽约,然后将鼠标指针悬停在该点上。 如果一切顺利,您应该会看到一个巨大的圆,其中嵌入了多个同心圆。它们都是在特定坐标下的重叠元素。 我面临的问题是,当SVG元素的大小增加时,其他城市的点会重叠在同心圆的顶部。 我的问题是:当我将鼠标悬停在SVG画布上时,如何画出圆圈,这样就看不到这样的点了。
浏览 1
提问于2013-01-02
得票数 2
回答已采纳
1
回答
为什么D3.js event.transform.rescaleY(yScale)函数在车轮和鼠标变焦上的工作方式不同?
、
、
、
我有一个简单的绘图与缩放功能沿Y轴。当我用轮子改变变焦时,它可以正常工作。但当我使用鼠标拖动,然后在开始时,图表跳跃。 下面是我在缩放事件上使用的函数:我想应该添加一些测试,如果事件是轮子还是鼠标,以及在鼠标事件的情况下进行更多的计算。 function zoom(event: any) { console.log(event); let new_yScale = event.transform.rescaleY(yScale); console.log(new_yScale); console.log(new_yScale.domain()); console.log(new_y
浏览 2
提问于2022-11-15
得票数 0
回答已采纳
1
回答
d3.js中散点图矩阵中的笔刷选择是否偏移?
、
、
我正在使用d3.js中的散点图矩阵示例。我已经成功地将它与我的数据结合使用了。但是,我注意到当我使用鼠标十字线开始选择一个区域来突出显示其中的点时,选择区域的起始点将与我单击的位置相抵。我该怎么解决这个问题?下面是示例的链接和屏幕截图
浏览 2
提问于2014-01-16
得票数 1
回答已采纳
1
回答
d3js中路径元素上的鼠标移动回调
、
、
链接到示例: 我正在尝试扩展下面的示例,以便当我将鼠标移到图形上并注册了mousemove回调时,我将获得光标位置的相应数据。在最好的情况下,如果我将鼠标悬停在该位置上,我将获得1月2000的当前价格。我尝试了以下几种方法: focus.append("path") .on('mousemove', function(d) { console.log(d); }) .datum(data) .attr("clip-path", "url(#clip)") .attr("d", are
浏览 2
提问于2013-05-23
得票数 0
回答已采纳
1
回答
如何在D3.js可视化(树节点)上添加弹出
、
我们使用d3.js树(d3.tree())来呈现组织结构图可视化。它非常类似于 我想在某个按钮的点击/鼠标切换的节点上显示小的弹出。例如,单击person图像会显示带有更多操作的小弹出窗口。这样用户就可以点击弹出窗口中的任何一个链接。 在D3js中有什么推荐的方法来实现它吗?
浏览 14
提问于2022-06-30
得票数 0
2
回答
D3.js在鼠标输出时恢复以前的颜色
、
我使用d3.js并尝试在鼠标悬停时突出显示一个元素。我有一个问题,我的矩形在鼠标悬停时会改变颜色,但在鼠标移出时不会变回来。元素有很多不同的颜色,所以我不能硬编码矩形应该在mouseout上变成什么颜色。 以下是我的代码 我在其中生成rect的代码 nodeEnter.append("svg:rect") .attr("y", -barHeight / 2) .attr("height", barHeight) .attr("width", barWidth) .style("fil
浏览 1
提问于2013-07-01
得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
D3.js基础入门
D3.js 5.0.0 发布,可视化 JS 库
D3.js 数据驱动和force 力学图讲解
D3.js、echar.js 前端必备大数据技能
模拟鼠标事件
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券