我正在尝试为svg:text元素拾取鼠标事件.我注意到的是.on(“click”,…)有效,但其他事件如“mouseover”,“mousemove”和“mouseout”都没有. 查看Health & Wealth of Nations示例,我看到所采用的方法是使用不可见的svg:rect覆盖文本,并为其分配事件.如果有一个简单的盒子,这很好,但如果有几个,它似乎会变得烦人和凌乱. 有没有规范的方法来处理文本的鼠标悬停事件? 为了尽可能具体,我正在尝试使用标签云,并为每个标签选择这些悬停...
我正在使用NVD3的lineChart模型. 我需要强制设置相对于实际值的最小和最大y轴值,例如: chart.lines.forceY([分钟/ 1.1,最大* 1.1]); 如何获得当前的最小/最大y轴值?解决方法:您可以通过chart.yAxis.scale().domain()获取当前域.
我有一个d3.js的甜甜圈,我想在它的中心放一些信息.我可以追加文本元素,但我想在那里放一个格式化的信息,所以我决定在mouseover上添加div:$(".arc").on("mouseover",(function(){ d3.select("text").remove(); var appendingString="<tspan>"+cityName[$(this).attr("id")]+"</tspan> <tspan>"+$(this).attr("id")+"%</tspan>"; group .append("text") .attr("x",-30) .attr("y",-10) .text(appendingString); })); 由于某种原因di...
我正在尝试更改此处找到的序列Sunburst的数据:http://bl.ocks.org/kerryrodden/7090426 我希望它在单击按钮时更改为新数据集(csv或json). 我尝试读取一个新的csv,并调用createVisualization(json);:$('.toggle-data').click( function() {d3.text("../csv/new-data.csv", function(text) {var csv = d3.csv.parseRows(text);var json = buildHierarchy(csv);createVisualization(json);}); });我也尝试直接使用更新的json调用crea...
Here is a sample fiddle of a simple chart. 我是第一个学习D3.js的人,我很喜欢它并且它和它的创造者Mike Bostock印象深刻. 我创建了一个图表网页,其价值相互影响,有点像Bostock的惊人Rent Versus Buy calculator in the New York Times. 我试图创建一个滑块(使用JqueryUI)来更改输入值(如下面显示的$250,000输入框),这会影响图表的y值.它有效,但外观令人失望,不适合移动设备. 我一直无法通过教程或documentation弄清楚如何创建像...
我正在尝试使用和理解D3 visualization library(http://mbostock.github.com/d3/),我正在研究their force directed code,看起来他们正在使用四叉树来计算粒子上的力.代码是var k = kc * quad.count * dn * dn;node.px -= dx * k;node.py -= dy * k;它看起来似乎是quad.count是四叉树节点中的粒子数.但是在https://github.com/mbostock/d3/blob/master/d3.geom.js#L696看了他们的quadtree code,我找不到任何关于计数的参考,以及它是...
我一直在尝试使用d3.js为我的图形创建一个水平图例.我一直在努力使动态标签的x轴间距正确. 问题是标签的宽度不一致,这里是full example,这是我计算x位置的函数:function legendXPosition(data, position, avgFontWidth){if(position == 0){return 0;} else {var xPostiion = 0;for(i = 0; i < position; i++){xPostiion += (data[i].length * avgFontWidth);}return xPostiion;} }有没有人对如何改进这个有任何建议?解决方法:我建...
我是D3.js的新手.我正在阅读Mike Dewar的D3入门.我尝试了书中的第一个例子,它不起作用.我一直在撕扯我的声音.这里的代码出了什么问题? 在< head>中部分:<script src="http://mbostock.github.com/d3/d3.js"></script> <script>function draw(data) {"use strict";d3.select("body").append("ul").selectAll("li").data(data).enter().append("li").text(function (d) {return d.name + ": " + d.status;});} </script>在< body>中...
如何使用node.js从mongodb服务器上的数据创建d3.js图?解决方法:D3.js包括通过url等将request non-local data作为json或text(csv)的方法. 在对安全性不敏感的设置中(例如本地开发或演示环境),如果启用它,您可以相当直接地使用mongo rest api,它将为您提供对象的json输出. 或者,您可以编写构建一个简单的http服务器(例如python、perl或go),该服务器执行(python(也subprocess),perl(也backticks and qx{}),go)具有正确参数的mongoexp...
我试图通过从我的数据库中取两列来绘制条形图,并使用PHP中的json_encode将其转换为JSON(probc.php文件) 我在这里提到这个例子来构造一个条形图 – BAR CHART EXAMPLE 在这样做之后,我将属性字母和频率更改为我想要使用的列名称(f轴用于x轴,fpprob用于y轴),并且还将d3.tsv更改为d3.json并包含相关文件(probc) .PHP).但我在运行我的文件时没有得到任何结果.只是一个空白的香草页面.请帮忙! 这是代码<script src="http://d3js.org/d...