d3.js相关内容

D3 过滤数据点

我正在实施经典的墨卡托示例 (https://github.com/mbostock/d3/blob/master/examples/mercator/mercator.html),我已将其更改为放大阿富汗并仅使用一个自定义滑块.我正在阅读发生爆炸的地方的 GeoJSON 数据,并且图表在加载时将它们全部映射出来.我想使用滑块一次仅查看一个月的爆炸点,但无法过滤结果.我已经根据 Google 群组 ..
发布时间:2021-12-18 19:52:25 其他开发

D3.js 围绕中点旋转轴标签

我现在正在使用 D3.js,尽管我发现了非常相似的案例,但我真的无法将它们放在一起继续前进. 我有一些类似于雷达图的东西,我想附加到我创建的每个轴(轴的数量不固定可能是 4,但也可以是 40)文本,我已经有了,但是围绕中心旋转文本一旦它们达到 180 度,实际上是 0 度,就指向并转动它们. 结果应该是这样的: 我现在拥有的是: 我只知道如何在 arc 内达到它,这也很好地 ..
发布时间:2021-12-18 19:52:09 前端开发

带有 pos & 的 d3.js 条形图每条记录的负条(赢/输)

我想在 d3.js 中制作一个条形图,每个项目或行都有正条和负条,如下所示: 它有点像谷歌金融“行业摘要"图表(http://google.com/finance) 谁能给我指出这种图表的 d3.js 示例?我知道这里的“带有负值的条形图"示例:http://bl.ocks.org/mbostock/2368837 如果有一种相对简单的方法来解释如何修改该示例以实现我想要的,那也 ..
发布时间:2021-12-18 19:51:59 其他开发

dc.js 与 d3.js v4 的兼容性

不向后兼容的 d3.js 4.x 版本于 6 月底发布. dc.js 的 bower.json 包括: “依赖项":{"d3": "3.x",“crossfilter2":“~1.3"} 明确要求 d3.js 的 v3(不更高). dc.js 当前是否与 d3.js 的 4.x 版兼容?如果没有,这是计划中的吗? 解决方案 它绝对不兼容.d3 v4 有破坏性的 api 更改 ..
发布时间:2021-12-18 19:51:48 其他开发

d3 + vx 反应图表曲线在每个数据点平坦

我正在尝试按照 https://dribbble.com/shots/2673159-Funnel-UI-concept/attachments/538068 我已经查看了 d3/vx 提供的所有曲线,但似乎没有一条曲线出现在每个不同的步骤之间,数据点处的线是平坦的.是否有我遗漏的曲线类型与上述相似?如果没有并且需要自定义曲线,是否有比 d3 文档更深入地描述如何实现自定义曲线的地方? ..
发布时间:2021-12-18 19:51:39 前端开发

显示弹出窗口/信息提示/工具提示作为悬停特定文本

我有一张图表,http://codepen.io/Siddharth11/pen/LVQmjN 当我将鼠标悬停在上图中右侧写的颜色代码上时,我想显示一个弹出窗口. 我将显示每个颜色代码的单独信息.那么我们如何为每个颜色代码创建单独的弹出窗口. 类似于莫里斯地图:http://codepen.io/andreic/pen/CJoze 或者这个:http://codepen.i ..
发布时间:2021-12-18 19:51:29 前端开发

D3.js:显示有限数量的滴答声

我正在尝试使用 d3.ticks.根据文档,我应该能够限制数量轴上显示的刻度数. 然而,这似乎根本不限制滴答数: xAxis = d3.svg.axis().scale(xScale).orient("bottom").ticks(2) 是不是因为我的秤是序数? JSFiddle 在这里:http://jsfiddle.net/samselikoff/9tfD2/1/ 解决方 ..
发布时间:2021-12-18 19:51:19 其他开发

SVG 中线图的双 x 轴

我已经开始研究 D3.js 和 Dimple.js.我们的要求是创建一个具有双 x 轴的折线图.对此需求进行基础研究后,我发现 D3.js 或 Dimple.js 支持双 y 轴但不支持双 x 轴. 我的第一个问题是“D3.js 或 Dimple.js 是否支持像盒模型那样的双 x 轴?". 解决方案 D3 已经支持双 x 轴.您可以根据需要多次调用 d3.svg.axis() 来创 ..
发布时间:2021-12-18 19:51:12 前端开发

d3.js 差异图表示例如何处理 json 数据?

我一直在努力得到这个例子: http://bl.ocks.org/mbostock/3894205 ...使用 json 以便我可以在带有实时数据的 portlet 中使用它.如果我发出警报但组件未呈现,我可以看到数据元素.我只显示 y 轴及其标签. 可能出错的部分是: d3.json("data.json", function(error, data) {if(error) ..
发布时间:2021-12-18 19:50:52 前端开发

造型 d3 的工具提示

我在通过 d3 放置在传单地图上的圆圈上实现了一个工具提示,如下所示: var tooltip = d3.select("body").append("div").attr("id", "mytooltip").style("位置", "绝对").style("z-index", "10").style(“可见性",“隐藏").text("一个简单的工具提示");功能.on(“鼠标悬停",功能( ..
发布时间:2021-12-18 19:50:41 前端开发

d3 缺少数组中的第一个值

我想我有一个很简单的问题,但我无法弄清楚.我的数组如下: var wordcount = [1, 2, 3, [{name: 'A', values: [0,1,3,9, 8, 7]},{名称:'B',值:[0, 10, 7, 1, 1, 11]},{名称:'C',值:[3, 1, 4, 4, 4, 17]},{名称:'D',值:[4, 77, 2, 13, 11, 13]}]]] 我正在使用 ..
发布时间:2021-12-18 19:50:31 其他开发

scaleBand 轴中的数据点和刻度未对齐

我的数据点和 scaleBand y 轴中的值未对齐.我无法正确对齐它们,当我阅读文档时,看到默认情况下对齐是 0.5,这就是为什么我的数据点绘制在轴上的两个点之间.但是我试图覆盖我给的对齐方式为 0 的对齐方式,但似乎没有任何变化. 以下是我的代码. ..
发布时间:2021-12-18 19:50:21 前端开发

D3.js 不工作的非常简单的教程示例

中: d3.json("flare.json", 绘制); 和 JSON 文件: [{“状态":[“良好的服务"],“名称":[“123"],“网址":[空],“文本": ["..."],"plannedworkheadline": [null],"时间": [" 7:35AM"],“日期":[“12/15/2011"]}] 解决方案 如果您使用的是 Chrome,它可能会因为跨域安 ..
发布时间:2021-12-18 19:50:04 前端开发

未找到 D3js 强制有向图链接

我目前正在尝试使用 d3js v4 构建一个力有向图.我有以下节点和链接,其实很简单 节点 [{"id":"4d2b0275-5bc7-e611-81c4-00155df7ea33"},{"id":"b32b0275-5bc7-e611-81c4-00155df7ea33"}] 链接 [{"source":"4d2b0275-5bc7-e611-81c4-00155df7ea33" ..
发布时间:2021-12-18 19:49:53 前端开发

为什么我的响应式 D3 图表上的某些网格线会随机消失?

我为我的 D3 图表创建了一个精简的JSFiddle.我使用以下解决方案使其具有响应性(使用 viewbox 和 preserveaspectratio):响应式 D3 图表 当我调整窗口大小并使其变小时,一些网格线似乎消失并重新出现.我认为这在小分辨率下看起来很糟糕(例如 320x480 手机).当窗口变小时,有没有办法保留我的网格线? HTML 代码: ..
发布时间:2021-12-18 19:49:42 其他开发

如何在 SVG 路径中设置每条线的颜色或宽度

我使用路径来创建一个三角形, svg.append("path").attr("d","M" + x(0) + "," + y(0) + " L " + x(1) + "," + y(1) + " " + x(-1) + "," + y(1) + " " + x(0) + "," + y(0) ).style({笔画:'黑色','笔画宽度':1,填充:'红色'}); 如何设置每条线的描边颜色或 ..
发布时间:2021-12-18 19:49:34 其他开发

D3 v4 - 访问选择数组并找到相应的元素

我正在尝试放松约束来为我的饼图工作.它基于此示例 https://jsfiddle.net/thudfactor/HdwTH/ 但放松方法used 似乎不再适用于 v4. 具体问题是它们如何直接访问选择组数组: textLabels = labelGroups.append("text").attr( ... );如果(再次){labelElements = textLabels[0]; ..
发布时间:2021-12-18 19:49:27 前端开发