d3.js 相关问题

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

如何用一个值函数设置多个属性?

给定包含多个数据元素的数据(例如对象或数组),是否可以使用单个值函数在选择上设置多个属性? 例如。就像是: 变量数据=...

回答 3 投票 0

d3.js(version:3)如何判断它是径向树布局

大家!我正在尝试学习 d3 布局,并且遇到两个问题。 正如文档tree.size([size])提到的,size是一个二元素数组。假设我这样设置一棵树: d3.布局....

回答 2 投票 0

d3.js / 迁移 - 从 d3.v3 到 d3.v7 的简单力模拟示例

我想使用 d3.v3 版本的 d3.v7 (7.8.5) 运行一个简单的工作代码。 我希望有同样的行为,尤其是拖拉。 欢迎任何帮助。 代码可以在这里找到:https://

回答 1 投票 0

Recharts - 调整 y 轴笛卡尔网格的位置

如何将 yAxis 笛卡尔网格调整为位于条形的开头而不是中心,并且还沿 y 轴延伸到条形区域上方,如第二张图所示。 点击查看图片 一个...

回答 2 投票 0

如何纠正 d3 轮廓形状的缠绕顺序?

我使用 d3-contour 从网格数据创建了轮廓线。不幸的是,我无法在地图盒地图上正确渲染带有孔的形状。孔作为附加层出现在...

回答 1 投票 0

如何将d3图保存为本地机器上的图像?

HTML 代码: 文件名: .png HTML 代码: <div id="chart"></div> <div id="canvas-option"> <label>File Name : <input type="text" id="canvas-filename" placeholder="image"/>.png</label> <input type="submit" value="Save"> </div> 脚本代码: var canvas = d3.select("#chart").append("svg") .attr("id","svg_graph") .attr("width",width) .attr("height",height); > canvas_option_form = $("canvas-option"), canvas1 = $("chart"), > canvas_filename=$("canvas-filename") > canvas_option_form.addEventListener("submit",function(event) { > event.preventDefault(); canvas1.toBlob(function(blob) { > saveAs(blob,(canvas_filename.value || > canvas_filename.placeholder)+".png"); },"image/png"); },false); 所以我希望它 svg 在本地计算机上保存为 png 或任何其他图像格式。 有一个 NPM 包可以做到这一点。它称为 svg-2-image。 如果您使用 AngularJS,还有另一种称为 d3-to-image。 检查一下: https://www.npmjs.com/package/svg-2-image 和 https://www.npmjs.com/package/d3-to-image

回答 1 投票 0

如何从rails将id和名称传递给d3

与任何合理化数据库一样,ID、名称和数据存储在单独的表中。当前脚本(如下)在图例中显示了 ID,但我想传入并显示名称。

回答 1 投票 0

SAPUI5 - 使用第三方 d3 制作图表

我正在开发一个使用第三方 d3 的 Fiori 应用程序(我们称之为 App1)。我需要较新的版本(7.5.0),但由于 sap/ui/thirdparty/d3 版本只有 3.4.12,所以我所做的是: 下载了...

回答 1 投票 0

可观察图 - 聚类图。如何为特定路径和节点设置标签和颜色?

在阅读了 Observable Plot 绝对不完整、到处都是的痛苦和痛苦之后,加入 Slack 服务器并祝你好运与该文档,我成功地消除了一个困扰.. .

回答 1 投票 0

d3 圆形填料,中心有间隙

我正在使用 d3.js pack() 方法来打包圆圈。但我想在中心留下一个空圆圈,就像一个间隙,然后将其周围的圆圈包起来。我尝试使用forceSimulation但没有运气......

回答 1 投票 0

SVG 可以渲染,但仅在 Firefox 中被切断 - 为什么?

我正在使用 d3js(它使用 SVG)来创建图表。请在 www.uscfstats.com/deltas 上查看(使用 12842311 作为输入值;现在它已经被黑客攻击得很厉害了)。 在 Chrome、Safari 和 Firefox 10 上...

回答 8 投票 0

SolidJS 中使用 TypeScript 的 D3 力图

D3 看起来非常复杂,无法与基本上任何框架一起使用...特别是在 TypeScript 方面,因为他们显然不断更改其 API,从要点中渲染了许多过去的示例...

回答 1 投票 0

根据 d3.js 气泡图的最小和最大数据集值动态设置轴域

我正在尝试为 d3.js 气泡图分配动态域值。我正在为每个客户端的错误总额创建气泡。当我使用硬编码范围时,我会看到每个客户端的气泡......

回答 1 投票 0

将标签移至桑基图的外部,并在两侧按从大到小的顺序

这是我第一次使用 R,很抱歉犯了一些愚蠢的错误。我需要制作桑基图来显示大都市区城市之间的流量,但我对图表的外观不满意......

回答 1 投票 0

如何编辑D3.js RadialTree的第一个节点半径?

你好(我的英语不太好,所以剩下的都是用GoogleTrad翻译的,我是法语=D) 对于一个项目,我正在使用 html、js 代码和 D3js 库创建一个 RadialTree。 我尝试重现...

回答 1 投票 0

将 d3.js TopoJSON 映射从 v3 转换为 v5

我有一个 d3.js 地图,我一直在使用 geoJSON 和 D3.js v3 将其转换为 topoJSON 和 D3.js v5。地图绘制正确,但数据应用于每个区域的方式有问题......

回答 1 投票 0

单击按钮会意外清除画布

我尝试在单击按钮时将新图表添加到画布。当我直接调用函数 addChart 时,一切正常。但是,当我在按钮上调用相同的方法时,单击画布会清除并且仅...

回答 1 投票 0

d3 js 圆在方形路径上行驶动画呼吸应用程序

我正在开发一个呼吸应用程序,我需要让圆圈在边缘周围产生动画 - 但在另一个方向。另外,我如何能够从外部c 更改动画的速率...

回答 1 投票 0

D3 - Angular 14 上的 TreeMap 实现

我需要帮助来实现 Angular 14 中的 D3 Treemap。 我已经阅读了 D3 js 文档,但是发现以角度实现树图很困难 预期:在此处输入图像描述 创造...

回答 1 投票 0

Angular 中的 D3 将类应用于标签

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

回答 1 投票 0

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