d3.js 相关问题

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

d3js 圆形水平图表,在各个级别都有右直边

我正在尝试制作一个圆形水平图表 - 但代码中存在一个问题,当条形的直边接近 100% 时,其边界半径会发生扭曲。我也没有...

回答 1 投票 0

在 NodeJS 控制台应用程序中生成 D3js 图表

我正在寻求一些有关在 NodeJS 控制台应用程序中生成 D3js 图表并将图表作为 PNG 或 JPG 保存到磁盘的帮助。 我的用例涉及一个自动化任务,该任务每隔

回答 1 投票 0

d3js 水平图表,带有圆角/硬边边界

我有一个水平图表 - 它具有特定的样式 - 它的两侧像条形一样弯曲 - 但它的边缘是直的 - 我有一些代码和示例 - 但我的图表需要调整.. .

回答 1 投票 0

为什么在 React 组件中用 d3 读取 CSV 文件后状态变量 `zone` 返回 null?

我正在开发一个 React 组件,我需要使用 d3 从 CSV 文件读取数据并将结果存储在状态变量中。我已将初始化分离到 useEffect 挂钩中,但是当我尝试...

回答 1 投票 0

分层边缘捆绑 d3 v4 - 最简单的 2 节点示例

我想用两个节点做最简单的分层边缘捆绑示例。一旦我完全理解如何使其正常工作,我应该(希望)能够动态构建......

回答 2 投票 0

如何向使用react-d3-tree创建的大型组织图表添加滚动条

我正在使用react-d3-tree库在我的React应用程序中创建组织结构图(org图表)。组织结构图非常适合较小的数据集,但随着组织规模的扩大,我......

回答 1 投票 0

如何使用 Python 设置本地 HTTP 服务器

我正在尝试进行一些基本的 D3 编程。我正在阅读的所有书籍都讨论了如何设置本地 http 服务器,而这就是我发现自己陷入困境的地方。我输入了以下内容 python -m http....

回答 4 投票 0

d3 错误:DOMException:无法在“Node”上执行“insertBefore”:新的子元素包含父元素

我收到以下代码错误。 const div = d3.select('div'); const t = d3.timer((e) => { const outerOneData = d3.range(0,5); const outerTwoData = d3.range(0,3); 常量

回答 1 投票 0

以 React / JSX 方式构建力导向图时如何将链接添加到 D3 模拟中

我正在尝试使用 D3 构建力导向图,但我使用 React/JSX 进行渲染,仅使用 d3 进行数学计算。 我在这里找到了一篇文章,解释了如何将节点添加到模拟中,并且

回答 2 投票 0

如何使D3圆形条形图响应式?

我使用此处的代码创建了以下圆形条形图。它在笔记本电脑上运行良好,但在移动设备上运行不佳,我正在尝试找出原因。这是我在 d3 中的第一个项目,我尝试阅读...

回答 1 投票 0

无法在我的 Angular 应用程序中同时显示两个 d3 图表

我刚刚将第二个 d3 图表作为自己的组件(就像我的第一个组件一样)添加到我的 Angular 项目中。当我尝试在其中一个页面上显示这两个页面时,只有第二个页面会显示(这需要一些时间来撕裂......

回答 1 投票 0

绘图中的百分比刻度,无需乘以 100

我想我快疯了。我正在尝试为我的plotly go 条形图配置 y 轴刻度。 这是一个带有 barnorm='percent' 的堆叠条形图,这意味着所有条形总计达到 100%。 豪...

回答 2 投票 0

在 eval() 中使用 Plot 时未定义它

我有一个使用React和ObservablePlot以及react-monaco的笔记本项目 我的应用程序上有一个 IDE: 采用像这样的用户代码(可观察代码) Plot.lineY(props.data, { x: "D...

回答 1 投票 0

流程图和状态机

具体来说,我正在研究 JavaScript 库; JavaScript InfoVis Toolkit 和 D3 用于绘制流程图和状态机。 这两者都提供了多种可视化数据的方法。然而没有...

回答 2 投票 0

Javascript 中的 UE4 蓝图界面

我正在尝试用 javascript 制作一个类似图形的界面(可能使用 D3.js 或 YUI),以模仿(某种程度上)虚幻引擎 4 的蓝图编辑器的界面。它在这里展示: 虚幻引擎4

回答 1 投票 0

NodeJS 中生成的 SVG 看起来与我的 Observable 示例不同

我有一个在 D3 中使用 observable 创建的图表,它看起来很棒。现在,我使用完全相同的数据和 d3 代码来重新创建此服务器端,其中 JSDOM 充当 dom 的参与者。 这是一个...

回答 1 投票 0

SVG arg 淡出/渐变效果

我正在尝试使用 d3 创建甜甜圈可视化,每个弧具有淡出/渐变效果,如下所示: 我尝试添加 'filter: drop-shadow(0 0 10px color)' 但它没有给我这种效果...

回答 1 投票 0

我正在尝试使用 d3 绘制地图,并且我正在从 json 文件中提取数据,但它不起作用。下面是我的 script.js

let CountyURL = 'https://raw.githubusercontent.com/deldersveld/topojson/master/countries/nigeria/nigeria-states.json' 让县数据 让画布 = d3.select('#canvas') 让工具提示 = d3.select('#to...

回答 1 投票 0

Vega-Lite 中的颠倒 GeoJSON(内嵌数据集)地图

我正在尝试使用 geoshape 标记在 Vega-Lite 中绘制澳大利亚的尖角部分。我的 GeoJSON 文件根据 geojson.io 有效并正确显示: [凯恩斯地区] 然而,Vega-Lite 不能

回答 1 投票 0

d3 缩放:如何防止自由拖动缩放元素?

const PerformZoom = (事件) => { const 变换 = event.transform; d3.select(svgContainer.value).attr("变换", 变换) store.zoomLevel = 变换.k } 常量容器...

回答 1 投票 0

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