d3.js相关内容

如何在数据表中添加行 - DC.js

我有一个 json 文件,它根据当年和上一年为销售人员加载销售数据. 我创建了一个表格,其中显示了每个销售人员每年的总销售额,在最后一行,我需要加载所有销售人员的总销售额.如下图所示: 我正在使用 dc.dataTable 来创建我的表. 您能否告诉我 DC.js 中是否有任何方法可以在我的表中创建一行来放置总销售额? 这是我的代码,提前谢谢你. var vended ..
发布时间:2022-01-19 13:08:44 前端开发

如何构建这个圆形的两色调甜甜圈图?

我正在尝试制作一个如下所示的圆环图 我将使用 angularJS、SVG 和 D3.js 我不知道如何得到那些圆形的末端,请帮助.谢谢. 解决方案 简单的答案:你使用掩码. 我们使用遮罩来绘制边框的内部.还有一个可以在中间挖洞的面具. 孔掩码并不是必需的.你可以用粗线形成甜甜圈.但对我来说,画扇形然后打洞似乎更容易. 这里是 SVG 格式.我将把转换为 D3 ..
发布时间:2022-01-19 12:43:14 其他开发

解析正负整数的字符串,Javascript

所以我正在研究一个用 d3 制作的标签云示例. http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fsearch.twitter.com%2Fsearch.json%3Frpp%3D100%26q%3D%7Bword%7D=cloud 并且我试图在每个单词悬停时将 Div 放置在它的顶部,并且基本上遇到了问题,因为我放置 div 的方式 ..
发布时间:2022-01-18 21:40:10 前端开发

使用 d3-zoom 与 WebGL 交互

我正在尝试收集一个小示例,该示例使用 d3-zoom 为使用 WebGL 呈现的画布元素提供简单的交互性.我想做的就是提供平移/缩放,使用 4x4 转换矩阵相当简单. 我遇到的问题是缩放(缩放).如果您查看一些 d3-zoom 示例,您会发现缩放焦点始终位于鼠标所在的位置. 如果您直接使用缩放变换中的 k、tx 和 ty 值,则平移有效,但缩放偏移画布宽度和高度的一半,请参阅 v ..
发布时间:2022-01-17 11:48:26 前端开发

D3 SVG变换旋转过渡行为怪异

我用 D3 生成了一个几何 SVG 图案,我想为它制作动画.我想让圆圈和正方形围绕它们的中心旋转.但是,当它们旋转时,中心点会沿椭圆路径移动,然后返回正确位置. 我的代码笔在这里:http://codepen.io/andybarefoot/pen/bwkjaN单击左上角的“旋转"会显示异常行为.我旋转“组"的关键函数如下所示: 函数 spinCircles() {d3.select(" ..
发布时间:2022-01-16 14:36:46 其他开发

XHR/使用 D3 发布请求

我正在研究如何使用非常强大的 D3(我可以完全推荐用于数据可视化)并找到了 D3 的作者目前所在的 xhr2 分支致力于 xhr POST 请求(和其他请求类型)支持. 似乎这是一个全新的功能,因为合并请求来自昨天(2012 年 9 月 18 日):) 出于好奇,我已经想尝试一下,使用以下代码序列(我从这个 位置) d3.text("localhost/test",function(d) ..
发布时间:2022-01-15 22:07:39 前端开发

D3:如何设置“点击"?事件和“dbclick"同时举办活动?

我已经将点击事件切换到一个节点,我也想将一个 dbclick 事件切换到它.但是它只会在我点击它时触发点击事件. 那么如何同时设置两个事件呢? 解决方案 你必须自己做双击检测 类似的东西可以工作: var clickedOnce = false;变种计时器;$("#test").bind("点击", function(){如果(点击一次){run_on_double_clic ..
发布时间:2022-01-15 11:31:33 前端开发

如何将多个外部侦听器注册到 d3 中的同一选择?

我正在 d3 中编写一个项目,其中我有一个包含两个外部 javascript 文件的 html 页面,例如 script_1.js 和 script_2.js. 我需要从 script_1.js 注册一个事件侦听器,从 script_2.js 注册另一个事件侦听器,用于选择元素上的更改事件.目前我的 html 中有这一行: 其中 selectIndexSp(object) 和 select ..
发布时间:2022-01-15 11:27:07 前端开发

如何删除 D3.js 中的属性?

我可以在 D3.JS 中删除属性吗?我已经使用 .attr("disabled", "disabled") 添加了它,现在我正在寻找类似于 jQuery 的 .removeAttr("disabled", "disabled"); 再次删除它.对于 和 很有用.我试过使用 .remove() 但这会删除整个对象而不是属性. 解决方案 来自 API 文档 ..
发布时间:2022-01-13 18:32:28 前端开发

使用 d3 和 Leaflet 实现动画缩放

使用 d3 在 Leaflet 地图上绘制 SVG 人工制品是获得结合 d3 优势的实体地图控制器的简单方法.有许多示例和指南来说明如何实现这一点,两种主要方法似乎是: 在 Leaflet 的“覆盖窗格"上附加一个新的 SVG 元素,如 Bostock 在此处所示:http://bost.ocks.org/mike/leaflet/ 实施一个自定义矢量切片层,该层与 Leaflets ..
发布时间:2022-01-12 18:35:26 其他开发

地图中浏览器的最大 svg 元素数

我正在使用传单和 d3 创建地图.地图上会绘制很多圆圈.在浏览器兼容性方面,浏览器可以呈现多少 svg 元素存在预期限制.然而,就用户体验而言,我希望用户可以在地图上看到尽可能多的元素(否则用户可能需要不断地放大和缩小,并且需要等待 ajax 返回数据).我需要考虑一些优化(用户等待时间用户与服务器查询负载与浏览器可以处理的内容). 看情节,服务器返回的点数现在有限制,因此只有一部分地图被填 ..
发布时间:2022-01-12 18:08:01 前端开发

Leaflet.js:自定义 svg 标记太慢(还有很多点)

我正在尝试使用一些用户定义的 svg 图标作为传单上的标记,但我认为整个任务对我的浏览器来说太繁重了. 直到现在我一直在使用 L.circleMarker 但我现在必须使用星号、箭头、星号等标记,所以我决定将它们作为 svg 路径,然后将它们插入而不是我的圆圈标记.为了让事情变得更复杂,我有超过 300K 点.使用 circleMarkers,我可以制作一个可行的图表,虽然不是闪电般快速,但 ..
发布时间:2022-01-12 17:49:41 其他开发

d3js 单元测试删除元素

我正在使用 jasmine 对 d3.js 图表中的一些交互进行单元测试.我一直在使用 d3.timerFlush() 来完成动画的执行.这在输入新元素或更新属性时非常有用,并且我能够准确地测试新值.但是,我很难让它删除元素. 我有这样的方法: exit() {让 arcs = svg.selectAll("path.arc");arcs.transition().duration(100 ..
发布时间:2022-01-11 18:55:24 其他开发

D3 库可以与 Electron(Atom shell)一起使用吗?

Electron 的网站说,使用 electron 制作的应用程序可以访问节点模块.他们可以访问 D3 库吗?如果可以,如何设置? 解决方案 D3 可作为 Node.js模块,可以导入到您要用于呈现可视化应用程序的 JavaScript 代码中. 作为如何将 D3 集成到 Electron 应用程序的示例,请查看我的 GitHub 上的 D3 Space Filler Explore ..
发布时间:2022-01-10 22:09:52 前端开发

在 Power BI 自定义视觉对象中使用 d3.js 库绘制一条线

我正在努力在 Power BI 自定义视觉对象中绘制单线.Power BI 中的报表是使用 TypeScript 和 d3.js v.3.0 编写的.我可以用轴绘制图表,但没有出现线条.在 HTML 文件中使用纯 d3.js 确实很容易,但由于类型保存,很难将其与 TypeScript 集成. 在开发此代码时,我遇到了几个打字问题.下面的代码几乎可以工作.看看这个片段.当我在底部删除“任何" ..
发布时间:2022-01-10 16:49:45 其他开发