d3.js 相关问题

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

How to programmatically zoom to Elements in D3 in responsive map?

我有一个使用 d3.xml 导入的 SVG,当我单击 SVG 中的一个省略号时,我试图放大。这几乎可以工作,虽然我缺少定位的一些功能......

回答 1 投票 0

使用 D3 和 Next.js 使用从 MongoDB 中提取的数据生成折线图

我一直在尝试生成一个 D3.js 图表以显示在我的网页上,该图表仅将跑步的平均速度映射到跑步完成的日期。我一直遇到的错误是:错误:

回答 1 投票 0

生成 geoJson 时 Virginia 的问题

所以我正在尝试制作一张美国地图,当你将鼠标悬停在它改变颜色的状态上时 但是由于某种原因,当我的程序生成地图时,弗吉尼亚州的路径是整个 svg 元素而不是 j ...

回答 0 投票 0

在 D3 JS 中创建按钮的 CSS 格式

我想创建一个按钮,如下所示 下面给出的是我所拥有的: var button = svg.append("foreignObject") .attr("x", "5") .attr("y", "380&qu...

回答 1 投票 0

vue3 在 d3.zoom 和 d3.brush 之间切换时出现 Pan 错误

我用vue3和d3实现了一个多功能的散点图。 我使用 d3.brush() 来选择节点 我使用 d3.zoom() 来平移和缩放 我设计了两个按钮 pan 和 brush:当我们点击其中一个时,启用 ...

回答 1 投票 0

D3 attrTween 函数在无限循环或调整页面大小时有奇怪的行为

我创建了一个 D3 动画,其中飞机飞行到地图中的坐标数组,我终于让它工作了,飞机从 X、Y 纬度/经度坐标飞到另一个 X、Y 纬度/经度坐标...

回答 0 投票 0

如何放大 React Native D3.js 图表

我正在尝试将 D3.js 库与 React Native 一起使用。然而,我设法渲染了一个 D3 折线图,但现在我需要在我的图表上添加缩放事件。我无法添加缩放所以我认为这是

回答 0 投票 0

从选择中获取 innerHTML

我在 HTML 页面中有以下 div: 酒吧 巴兹 我想得到一个数组,其中包含两个 div 中的文本: ['酒吧',...

回答 5 投票 0

如何让图形特定数据出现在工具提示中 - D3.js

我对 d3 的一切都很陌生,并且试图根据书评数据制作一个简单的交互式条形图,其中 x 轴为标题,y 轴为平均评分。我希望有一个...

回答 0 投票 0

D3 v7 Treemap:缩放函数被调用,但没有缩放

我在这里关注这个 Codepen,使 Treemap 适应 React 和 D3.js v7:https://codepen.io/figle/pen/qapRZQ 它可以工作,但截至目前,单击节点时它不会放大。缩放功能得到

回答 0 投票 0

带缩放功能的 ScaleBand

我目前正在使用 D3 v4。我的 x 刻度是一个 scaleBand,我在其中为显示器取一个国家名称,我的 y 刻度是 scaleTime。当我试图在缩放功能中获得一个新的 xScale 时......

回答 2 投票 0

d3 数据未定义

我是 d3 的新手,我正在尝试制作一个带有悬停工具提示的简单条形图。我想我已经记下了所有的关键点,但是当我运行文件时,我收到错误“Uncaught ReferenceError: dat...

回答 1 投票 0

我应该如何使用 D3-Graphviz 和 Flask 加载图像?

我正在尝试将我在 JavaScript 文件(使用 D3-Graphviz)上定义的文件加载到 Flask 服务器。这是我当前的服务器结构: 静止的 - 图片 --文件.png --Actor.pn...

回答 0 投票 0

无法拖动有向图

下面是NextJS中的一个组件,我用的是13.3.1版本 使用实验应用程序文件夹。 我正在尝试使用依赖项 react-d3-graph 来绘制有向图。 它确实呈现为

回答 0 投票 0

D3.js条形图添加工具提示的建议

我对 D3 非常陌生,正在尝试制作一个简单的交互条形图。用于此的数据是一个简短的 csv,其中包含书名、平均评分和评论数量。所以...

回答 0 投票 0

如何获得非缩小版的 d3.js

我是一个完整的javascript新手。 如何获得非缩小版的 d3.js? 我遇到了一个令我感兴趣的脚本 并且能够在我的浏览器中运行它,但是 它使用缩小版...

回答 1 投票 0

d3 tooltip debounce 是否需要

我有一个 mousemove 函数,在我的 d3 图表上看起来像这样。 props.metrics 是一个指标列表(不超过 10 个),每个指标包含一个指标值数组。 功能鼠标移动(e:

回答 1 投票 0

如何在 Angular 15 的 D3.js 中使用“this”?

我将一个 Angular 8 项目迁移到 Angulr 15。在 Angular 8 中,我使用 d3(circlepacking)创建了一个可视化。我 Angular 15 我有以下问题: 我用 .on("mouseenter", showToolt...

回答 0 投票 0

如何为我的 d3 图表标题设置文本颜色?

我有我的 d3 图表标题,文本附加在 svg 上,如下所示: svg.append("文本") .attr("x", (宽度 / 2)) .attr("y", 0) .attr("文本锚点", "中间") .style("字体-s...

回答 2 投票 0

在 d3 中的两个数据集之间切换时如何保留条形图中的所有元素?四分之一的初始数据丢失

我是用 React 实现 d3 的新手。在两个按钮之间切换以使用数据更新水平条形图时,我目前面临问题。我的初始数据有 63 条记录,而我的第二个

回答 0 投票 0

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