如何将抖动添加到 d3 图?
我正在尝试绘制点并添加它们的抖动.这些点有文本标签，所以一旦我计算出抖动的点位置，我想保存它并将其用作文本标签.我正在考虑为每个点添加一个新的 jitter 属性，然后使用它来设置 cx(点)和 x(标签): # 计算抖动位置points.attr("x_jitter", 函数 (d){返回 x_scale(d.x) + my_random_jitter_function()});# 将它们设置
..
d3.js相关内容
堆叠条形图 d3.js 的每个条上的文本
..
如何为小时和时间制作自定义轴格式化程序d3.js 的分钟数?
..
将标签添加到 D3 强制有向图中的链接
..
在 Force 布局中将文本标签添加到 d3 节点
..
在 Force 有向图中将文本标签添加到 d3 节点并在悬停时调整大小
..
在 D3 强制有向图中的链接上添加文本/标签
我一直在研究修改后的力有向图，并且在将文本/标签添加到链接未正确对齐到节点的链接上时遇到了一些问题.如何解决? 以及如何将事件侦听器添加到 SVG 文本元素?添加 .on("dblclick",function(d) {....} 是行不通的. 代码片段如下: .link { 中风:#ccc;}.routertext { 指针事件:无；字
..
标签外弧(饼图)d3.js
..
如何使用 D3 和 CoffeeScript 将节点替换为图像以进行网络可视化?
我已经尝试解决这个问题好几天了，完全被难住了. 我正在使用此网络实施演练:http://flowingdata.com/2012/08/02/how-to-make-an-interactive-network-visualization/ 我已通过此演练成功创建了可视化，现在想根据节点的值将节点替换为小图片. 这是一个很好的代码示例，其中每个节点都替换为图像.http://bl
..
如何正确地使文本宽度居中图条上方的标签?
我目前有一个图表，在每个条形上方显示相关条形值，但由于无法获取每个文本元素的宽度，我很难将值标签居中. 这就是我现在的图表绘制方式: 我需要做的就是减去每个文本元素宽度的一半，但我似乎无法使用以下 Coffeescript 这样做: #绘制数值标签svg.selectAll("矩形").data(数据).进入().append("文本").text((d)->d.Total).at
..
d3 从条形图过渡到饼图并返回
现场演示 所以我有这样的想法，应该允许所有单轴数据以所有基本方式显示；至少从馅饼到酒吧.理想情况下，这将是一个动画过渡，但这就是困难所在. 制作饼图很容易，制作条形图也是如此.这是我目前所拥有的: # 个字段宽度 = 750高度 = 宽度/2边距 = 20半径 = (高度-(边距*2))/2# 助手pie = d3.layout.pie().value (d) ->d弧 = d3.s
..
我想从 Cakefile 运行 d3
我想从命令行执行一些 d3 代码.最初我只是尝试了类似的东西: task 'data', 'Build some data with d3', ->d3 = 要求('lib/d3.v2')console.log "d3 版本 = "+ d3.version 但这没有用.我遇到了这样的错误: node.js:201扔 e;//process.nextTick 错误，或第一次滴答时的 'erro
..
带有 nvd3/d3 的 MultiBar 图表仅显示 x 轴上每隔一个刻度的标签.我怎样才能让他们全部出现?
数据: nvd3TestData = [{值:[{x:"M",y:1},{x:"T",y:2},{x:"W",y:3},{x:"R",y:3},{x:"F",y:4},{x:"S",y:5},{x:"U",y:6}],关键:“苹果"},{值:[{x:"M",y:5},{x:"T",y:2},{x:"W",y:6},{x:"R",y:8},{x:"F",y:2},{x:"S",y:4},{x:"U
..
在某些(不是全部)浏览器中读取 D3 javascript 中的 JSON 文件时出现问题
我在读取 JSON 文件后立即在 Chrome 中收到此错误.它可以在 Safari 和 Firefox 中正常运行. console.log ("事件 -> "+ postcards.nodes[0].node.event);//Safari 中的 "tally" "TypeError: Cannot read property 'node' of undefined" 在 Chrome
..
使用 d3.js 向饼图添加工具提示
我正在开始学习使用 d3.js 可视化数据的旅程，到目前为止，我发现 Scott Murray 的“交互式数据可视化"非常有用.我正在阅读本书第 11 章中的一些示例代码，并且想知道如何将工具提示添加到饼图中(本书已经使用条形图描述了此过程).无论如何，过去几个小时一直在修改代码，想看看是否有人可以帮我解决这个问题:
..
如何在 chart.js 或 D3 中制作阶梯线或阶梯图?
我可以在 Google 电子表格中完成此操作，以下是屏幕截图: 这是 CSV 中的小数据集 买PPU，卖PPU，净PPU0.023,0.019,-0.0007250.026,0.0165,-0.0037250.021,0.021,0.007350.015,0.0165,0.01470.021,0.028,0.01680.018,0.028,0.0198 jsFiddle 基本配置:htt
..
Plotly.js:如何避免重叠的轮廓线?
以下是使用 plotly.js 创建等高线图的示例.一些等高线重叠. 如何更改绘图设置以避免这种情况(例如增加分辨率、切换轮廓算法)?如果我使用 conrec.js 绘制相同的数据，则轮廓不会重叠. A.Conrec.js(这个可行，没有重叠) 示例源代码:https://github.com/jasondavies/conrec.js/tree/master/示例 B.P
..
使用 RequireJS 加载 plotly 和 D3
我正在尝试使用 RequireJS 在我的 js 代码中加载 plotly 和 d3 库.我试过这个: require.config({路径:{d3: '/static/scripts/plotly/dependencies/d3.v3.min',plotly: '/static/scripts/plotly/plotly.min'}});要求(['d3']，函数(d3){d3();});要求(
..
d3.js 节点未正确退出
就这样吧.我在这个上花了相当长的时间——而且真的很累——所以希望我没有忘记一些愚蠢的事情. 我正在使用数据集在图表中创建几条线.之后，使用图例我想在更改数据集的同时隐藏线条 - 因此更改不透明度不会削减它. 我遵循在我的数据集中的每个对象上添加一个启用密钥的路径并将其设置为 false，以便能够过滤要隐藏的对象.但是，它不能按预期工作，因为我无法正确 exit() 行.完全删除线条并再
..
使用 d3 时，如何仅通过鼠标事件触发拖动?
有一些关于以可编程方式触发 d3 拖动的讨论.通常人们会给出一种解决方法.就像存储拖动功能并直接触发它一样.那么有没有办法使用鼠标事件触发 d3 拖动?d3拖动必须根据鼠标事件来实现.在我的应用程序中，有复杂的拖动设置并且公开拖动处理程序是不可行的.另外，我希望代码只在边界上进行测试，而不必打开它. 我想知道 d3 是如何实现拖动的.我曾尝试调度 mousedown 和 mousemove
..