d3.js 相关问题

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

使用 d3.js 创建显示堆叠点的点图

我想在 d3.js 中创建一个点图,它看起来有点像条形图,但有堆叠的点而不是条形图。 这个问题和我想要的类似:D3.js (Wilkinson type) Dot Plot

回答 1 投票 0

D3 中的折线和图例间距

我正在使用下面的示例,希望在饼图之外有图例,并且还具有文本的折线以及每个切片的计数和百分比。 使用当前代码我有 Pie

回答 2 投票 0

尝试在 d3 力图中的节点和边上渲染标签,但它们虽然在 dom 树下可用但不可见

为了在节点上渲染标签,我尝试了如下各种方法: var labels = node.append("text") .text(函数 (d) { 返回 d.label; }) .attr('x', 6) .attr('...

回答 1 投票 0

如何通过文本内容查找 DOM 元素?

我尝试向某些节点添加新的 SVG 元素。为此,要添加元素的节点必须通过文本内容中包含的字符串找到,例如找到任何具有“i...

回答 3 投票 0

d3js 模板文字中的内联事件处理程序

在下面的示例中,有一个内联事件处理程序无法正常工作,因为转义字符出现问题。一般来说,内联处理程序是不好的做法并且很难管理...

回答 1 投票 0

d3 创建换行符/选择父节点

我想实现换行。因此,我在文本元素中创建了两个 tspan。但是,我无法在不干扰第二个元素甚至删除它的情况下访问第一个 tspan` 元素。 我的代码...

回答 1 投票 0

JavaScript、Web API 使用 D3(数据驱动文档)导入

我想从 Web API(JSON 格式)导入数据并将其用于可视化。正如您在下面的代码中看到的,我已经实现了所有内容并且它(几乎)有效。 问题:dataEx...

回答 1 投票 0

将div id传递给javascript函数以在页面上显示多个d3图表

我正在尝试使用 Rails 7 使用不同的 div(或 svg)id 在页面上显示多个 d3 图表: 视图.html.erb <%= content_tag "svg", class: 'chart', id: raw(chart_type)+'_'+raw(cha...

回答 0 投票 0

在 Cypress 测试中移动 d3 对象

我正在测试一个 d3 应用程序,它使用 在屏幕上绘制项目。我有事件处理程序dragstarted、dragged 和dragend,还有一些 .force() 调用来向模拟添加一些物理特性。

回答 1 投票 0

在 Ruby On Rails 上使用 importmaps 来自 d3 的“未捕获引用错误”

我对使用 d3 构建图表没有什么经验,但对一般的 Web 开发没有经验。我想构建一个图表示例网站并选择使用 Ruby on Rails。我无法让 d3 库正常工作...

回答 1 投票 0

D3 折线图缩放无法按预期工作

我有一个多线 D3 图表。我已经实现了缩放,但是当我缩放时,我无法缩放到 xy 位置上的特定数据点。这是我开发的代码的要点 设 xScale = d3 ...

回答 1 投票 0

每次组件重新渲染时图表都会重复 - Sunburst-chart

我在我的 React 应用程序中使用 https://www.npmjs.com/package/sunburst-chart 并使用数据调用 useEffect 中的图表方法,并在依赖项数组中传递数据变量。最初...

回答 1 投票 0

在 D3 Enter() 过程中访问数组属性

我正在使用以下 CodePen,它显示一棵树作为项目的起点:https://codepen.io/augbog/pen/LEXZKK 在这支笔内部,它使用 D3.js 执行一些魔法来实例化新的...

回答 1 投票 0

画笔与其他元素上的事件重叠

一个 g 容器已添加到我的 Svg 容器中,该容器有一个“图形”类 - 所有轴线、图形、点等。我想在光标悬停在 o 时向所有这些元素添加事件处理程序。 ..

回答 1 投票 0

react-d3-graph 分布没有链接的节点

我正在使用react-d3-graph添加多个带链接和不带链接的节点。 当我添加几个没有链接的节点时,它们都位于左上角,这意味着它们始终位于 e...

回答 1 投票 0

在d3组织图中移动节点后绘制连接

我想使用自定义布局绑定(nodeUpdateTransform)将某些node2移动到不同位置后在节点(node1和node2)之间绘制连接。在以下示例中,连接...

回答 1 投票 0

D3.js 强制定向图:当 hexColor 为 null 时更新节点颜色出现问题

我正在开发一个 D3.js 强制定向图,其中节点可以有一个 hexColor 字段,该字段有时包含一个字符串形式的十六进制值,有时为 null。我正在尝试更新...

回答 1 投票 0

d3.json - 如何用对象/动态数据替换 URL?

d3 新手。创建桑基图。找到一个使用外部 .json 文件的示例。该示例使用 d3.v3。我知道那很旧,但我有一棵树也使用该版本,所以我更喜欢......

回答 1 投票 0

d3 折线图,过渡不同的线条颜色

我正在使用基于此示例的 d3 折线图: https://codepen.io/louisemoxy/pen/qMvmBM 我想知道我是否可以为这条线着色(也已经在发生转换时)

回答 1 投票 0

图表上的多个 Y 轴未对齐

我通过 R 的 Plotly 库创建了一个图表。 该图有 2 个 y 轴,除了 y 轴未对齐之外,一切看起来都很好。 我如何“重新调整”它?

回答 4 投票 0

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