d3.js 相关问题

D3.js是一个JavaScript库,用于使用HTML,SVG和Canvas创建文档的交互式数据绑定可视化。

Angular 中的 D3 将类应用于标签

在我使用 D3 v7 的 Angular v14 项目中,我绘制了一个带有 2 种标签样式的圆环图,如下所示: 这是添加粗体标签的代码: 这个.svg .selectAll("所有标签") .data(data_read...

回答 1 投票 0

D3.js 甘特图垂直滚动并精确缩放

我正在尝试使用 d3.js V4 创建甘特图组件。我使用的是旧版本,因此我也可以使用 d3-xyzoom,这有助于解决其他滚动问题。我想要的行为几乎实现了...

回答 1 投票 0

如何创建 d3.js 条形图作为 Svelte 组件并将 d3 正确绑定到 SVG?

我有一个在 d3 中创建的焦点/上下文条形图。我想把它放在 Svelte 中,这样我就可以将它用作组件。但我一直在思考如何将 d3 中创建的元素绑定到

回答 1 投票 0

无法在数据库Django中获取上传的JSON文件的数据

我正在尝试创建一个面板,用户在其中上传他的 JSON 文件,并使用 D3.js 库以特定方式显示结果,但它导致了一些错误,这里是代码 模型.py JSONFile 类(

回答 1 投票 0

如何使用 d3.groups 和 js reduce 将依赖 d3.nest 函数的旧 D3js 代码替换为最新版本(v7)

我正在尝试将一些依赖 d3.nest 的旧 D3js 代码更新到最新版本(v7)。这是原始数据(来自 csv)和我想要实现的所需嵌套对象的示例。

回答 1 投票 0

如何生成这些分位数?

我希望能够使用 d3 库重现这个图例,目前我有自己的算法可以为我执行此操作,但我不知道 d3 会如何。例如对于这个

回答 1 投票 0

D3 更新和删除功能无法正常工作

我的 D3 图表还有另一个问题。 我希望能够调整 D3 图表的数据并更新图表。为此,我尝试删除旧的“矩形”元素,然后更新...

回答 1 投票 0

如何修复`react-d3-tree`?

出于某种原因,此包中的默认行为是允许用户随意移动树木。 如何禁用可抓取性? 我也接受一个建议不同的答案......

回答 1 投票 0

如何使用缩放功能为 d3js 中的文本元素赋予 href

我有一个带有缩放功能的 d3 js 图表。图表上有一些标签。我希望这些标签像 href 链接一样可点击。看起来 href 干扰了缩放功能。只有其中之一...

回答 1 投票 0

调整 D3 SVG 元素的大小并在窗口大小更改时溢出

我仍在学习 D3v7 并创建热图,我将其扩展为更多功能。 现在,当 Windows 大小发生变化时,我在设置 SVG 元素的高度和宽度时遇到问题...

回答 1 投票 0

在 D3 工具提示中嵌入推文

我正在尝试构建一个自定义 D3 工具提示,该提示使用来自publish.twitter.com 的复制/粘贴代码来显示推文小部件。 我正在 R 中使用plotly 设置绘图,并且希望有一个推文小部件

回答 1 投票 0

d3.js 带有箭头和文本选项的半饼图

我正在开发 d3.js 半饼图应用程序,希望添加包含跟随当前进度的箭头的选项。 所以至少在这个 svg 箭头上我们可以控制 和 的颜色...

回答 0 投票 0

如何在Recharts中使用Labellist只显示一个标签?

我正在使用 Recharts 并使用 labellist 在每个堆叠条形图的顶部添加标签,但它不是为每个堆叠图表只有一个标签,而是为堆栈(每个堆栈)创建一个标签,而我的 c...

回答 1 投票 0

D3 整洁的树形文本超出了图表区域

我正在使用 D3 可折叠树,我引用了这段代码 问题是我的文本长度可能会根据数据而变化。一旦我改变文本的长度,图表就会停止...

回答 0 投票 0

d3.zoom SVG G 与较大的子对象一起缩放和变换

我遇到过这样的情况,在 G 内生成的形状比容器大。 我尝试了几种方法,但是大多数示例都使用设置大小,并且它们使用的数量很......

回答 0 投票 0

如何在D3中正确有条件地填充放射状图表中的区域?

我可以计算负面积和正面积。然而,我的情节有一些意想不到的空白。 红线代表 VALUE1 列的 24 小时测量值,绿线代表 VALUE2 c...

回答 1 投票 0

线系列指向条形系列的侧面而不是中间条形系列

我正在使用 D3 v6.7 和 d3fc v15.2.6 以及 React 。线系列指向条形系列的侧面而不是条形的中间。如何在条形中间点线系列? 我在 d3 中得到了一个解决方案。Th...

回答 0 投票 0

如何向 ColorScale 图例添加标签 - D3 热图

我目前正在学习D3js。 目前我正在制作热图来学习 D3js 的基础知识。 现在我遇到了一个问题,我无法真正找到解决方案。 我创建了一个 ColorScale 图例...

回答 0 投票 0

如何在 JavaScript 中使用 d3-windbarbs 绘制垂直风倒钩剖面图

我有垂直风廓线数据,例如海拔高度(地面以上米数、风向和风速) 一份剖面图从 40 米到 1200 米..数据示例 # 数据文件格式(文件的其余部分):

回答 0 投票 0

d3 4.x 的 es6 模块导入失败

TL;DR:将 d3 导入 es6 模块的记录方法失败。这样做的正确方法是什么?我的猜测是文档假设我使用解决这些问题的工作流程 细节: ...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.