d3.js相关内容
我有一个 json 文件,它根据当年和上一年为销售人员加载销售数据. 我创建了一个表格,其中显示了每个销售人员每年的总销售额,在最后一行,我需要加载所有销售人员的总销售额.如下图所示: 我正在使用 dc.dataTable 来创建我的表. 您能否告诉我 DC.js 中是否有任何方法可以在我的表中创建一行来放置总销售额? 这是我的代码,提前谢谢你. var vended
..
我正在尝试制作一个如下所示的圆环图 我将使用 angularJS、SVG 和 D3.js 我不知道如何得到那些圆形的末端,请帮助.谢谢. 解决方案 简单的答案:你使用掩码. 我们使用遮罩来绘制边框的内部.还有一个可以在中间挖洞的面具. 孔掩码并不是必需的.你可以用粗线形成甜甜圈.但对我来说,画扇形然后打洞似乎更容易. 这里是 SVG 格式.我将把转换为 D3
..
所以我正在研究一个用 d3 制作的标签云示例. http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fsearch.twitter.com%2Fsearch.json%3Frpp%3D100%26q%3D%7Bword%7D=cloud 并且我试图在每个单词悬停时将 Div 放置在它的顶部,并且基本上遇到了问题,因为我放置 div 的方式
..
我正在尝试收集一个小示例,该示例使用 d3-zoom 为使用 WebGL 呈现的画布元素提供简单的交互性.我想做的就是提供平移/缩放,使用 4x4 转换矩阵相当简单. 我遇到的问题是缩放(缩放).如果您查看一些 d3-zoom 示例,您会发现缩放焦点始终位于鼠标所在的位置. 如果您直接使用缩放变换中的 k、tx 和 ty 值,则平移有效,但缩放偏移画布宽度和高度的一半,请参阅 v
..
我用 D3 生成了一个几何 SVG 图案,我想为它制作动画.我想让圆圈和正方形围绕它们的中心旋转.但是,当它们旋转时,中心点会沿椭圆路径移动,然后返回正确位置. 我的代码笔在这里:http://codepen.io/andybarefoot/pen/bwkjaN单击左上角的“旋转"会显示异常行为.我旋转“组"的关键函数如下所示: 函数 spinCircles() {d3.select("
..
我正在研究如何使用非常强大的 D3(我可以完全推荐用于数据可视化)并找到了 D3 的作者目前所在的 xhr2 分支致力于 xhr POST 请求(和其他请求类型)支持. 似乎这是一个全新的功能,因为合并请求来自昨天(2012 年 9 月 18 日):) 出于好奇,我已经想尝试一下,使用以下代码序列(我从这个 位置) d3.text("localhost/test",function(d)
..
我有一个项目,我正在尝试从数据处理程序以制表符分隔值格式下载一些数据,但是,Google Chrome 正在为 Origin 标头值发送空值. 当我导航到 http://server.corp.somebiz.com/reportpages/Report_Page_Requests_Over_Time.aspx?app=76ac42b7-ba6f-4be4-b297-758ebc9fe615
..
我已经将点击事件切换到一个节点,我也想将一个 dbclick 事件切换到它.但是它只会在我点击它时触发点击事件. 那么如何同时设置两个事件呢? 解决方案 你必须自己做双击检测 类似的东西可以工作: var clickedOnce = false;变种计时器;$("#test").bind("点击", function(){如果(点击一次){run_on_double_clic
..
我正在 d3 中编写一个项目,其中我有一个包含两个外部 javascript 文件的 html 页面,例如 script_1.js 和 script_2.js. 我需要从 script_1.js 注册一个事件侦听器,从 script_2.js 注册另一个事件侦听器,用于选择元素上的更改事件.目前我的 html 中有这一行: 其中 selectIndexSp(object) 和 select
..
我可以在 D3.JS 中删除属性吗?我已经使用 .attr("disabled", "disabled") 添加了它,现在我正在寻找类似于 jQuery 的 .removeAttr("disabled", "disabled"); 再次删除它.对于 和 很有用.我试过使用 .remove() 但这会删除整个对象而不是属性. 解决方案 来自 API 文档
..
使用 d3 在 Leaflet 地图上绘制 SVG 人工制品是获得结合 d3 优势的实体地图控制器的简单方法.有许多示例和指南来说明如何实现这一点,两种主要方法似乎是: 在 Leaflet 的“覆盖窗格"上附加一个新的 SVG 元素,如 Bostock 在此处所示:http://bost.ocks.org/mike/leaflet/ 实施一个自定义矢量切片层,该层与 Leaflets
..
我正在使用传单和 d3 创建地图.地图上会绘制很多圆圈.在浏览器兼容性方面,浏览器可以呈现多少 svg 元素存在预期限制.然而,就用户体验而言,我希望用户可以在地图上看到尽可能多的元素(否则用户可能需要不断地放大和缩小,并且需要等待 ajax 返回数据).我需要考虑一些优化(用户等待时间用户与服务器查询负载与浏览器可以处理的内容). 看情节,服务器返回的点数现在有限制,因此只有一部分地图被填
..
我正在尝试使用一些用户定义的 svg 图标作为传单上的标记,但我认为整个任务对我的浏览器来说太繁重了. 直到现在我一直在使用 L.circleMarker 但我现在必须使用星号、箭头、星号等标记,所以我决定将它们作为 svg 路径,然后将它们插入而不是我的圆圈标记.为了让事情变得更复杂,我有超过 300K 点.使用 circleMarkers,我可以制作一个可行的图表,虽然不是闪电般快速,但
..
我是 d3.js 的新手.我想用它的点来拖动一个折线图.没有 x 和 y 轴它工作正常.我已将此示例用作参考:https://bl.ocks.org/mbostock/4342190 对于折线图的轴,该线未正确绘制.请查看下面的代码段. 提前致谢.
..
Jsfiddle:http://jsfiddle.net/6NBy2/ 代码: var in_editor_drag = d3.behavior.drag().origin(函数(){var g = this.parentNode;返回 {x: d3.transform(g.getAttribute("transform")).translate[0],y: d3.transform(g.
..
我无法成功区分使用 D3.js v3 绑定到两者的元素上的 click 事件和 drag 事件.下面代码中的圆圈被分配了一个拖动行为和一个 click 监听器.这里演示 var dragGroup = d3.behavior.drag().on('dragstart', function () {console.log('开始拖拽组');}).on('拖动', 函数 (d, i) {d.x +=
..
我正在使用 jasmine 对 d3.js 图表中的一些交互进行单元测试.我一直在使用 d3.timerFlush() 来完成动画的执行.这在输入新元素或更新属性时非常有用,并且我能够准确地测试新值.但是,我很难让它删除元素. 我有这样的方法: exit() {让 arcs = svg.selectAll("path.arc");arcs.transition().duration(100
..
我想创建一个日历视图,如下例所示:http://bl.ocks.org/4063318: 其实我正在尝试修改它. 我有一个这样的关联数组:#AdminCourt[["2012-10-02", 2], ["2012-10-09", 2], ["2012-10-16",1]] #ConstituentAssembly[["2012-10-02", 2], ["2012-10-09", 2]
..
Electron 的网站说,使用 electron 制作的应用程序可以访问节点模块.他们可以访问 D3 库吗?如果可以,如何设置? 解决方案 D3 可作为 Node.js模块,可以导入到您要用于呈现可视化应用程序的 JavaScript 代码中. 作为如何将 D3 集成到 Electron 应用程序的示例,请查看我的 GitHub 上的 D3 Space Filler Explore
..
我正在努力在 Power BI 自定义视觉对象中绘制单线.Power BI 中的报表是使用 TypeScript 和 d3.js v.3.0 编写的.我可以用轴绘制图表,但没有出现线条.在 HTML 文件中使用纯 d3.js 确实很容易,但由于类型保存,很难将其与 TypeScript 集成. 在开发此代码时,我遇到了几个打字问题.下面的代码几乎可以工作.看看这个片段.当我在底部删除“任何"
..