如何使用SI前缀格式四舍五入到小数点后2位？
我的案例中的示例： d3.format("~s")(656628); //656.628k 但我的预期结果：656.63k 我希望使用d3格式选项，而不是手动处理。 实时测试：https://npm.runkit.com/d3-format 推荐答案 您只需要d3.formatPrefix，它... 在以定点表示法格式化之前，将值转换为指定数字参考值的相应S
..
d3.js相关内容
如何在Sankey图表网络中添加专栏标题D3
我正在制作一张Sankey图表，我想在每一列的顶部添加文本，以便对所显示的内容进行简要描述。 取自r-graph Galery的示例代码： library(networkD3) # A connection data frame is a list of flows with intensity for each flow links
..
D3 v5轴比例改变平移方式太多
我有一个以时间为X轴的简单图表。预期的行为是在图表中拖动时，X轴将仅平移以显示数据的其他部分。 为方便起见，由于我的X轴位于Reaction组件中，因此创建我的图表的函数将X标度、x轴及其附加的元素分别设置为this.xScale、this.xAxis和this.gX。 如果我将其设置为我的Zoom方法的内容，则一切正常： this.gX.call(this.xA
..
来自多个栏目的网络图？
我有一个表名列表，希望能够在R中可视化它们的关系。因此，从表A到 例如，如果我有一个数据帧： Col 1 Col 2 Col 3 Col 4 Table A | Table B | Table C | Table Z | Table A | Table C | Table Y Table K | Table L | Table M | Table
..
如何在D3中加载两个外部文件？
要在D3中加载一个TopOJson文件(我使用的是版本7)，操作非常简单： d3.json("file01.json").then(function(topology) { 要加载以前版本中可以使用的两个文件，例如在版本6中： Promise.all([ d3.json("file01.json"), d3.json("file02.json", function(
..
D3.js树-使用搜索进行分页
我有一个previous question，它有一个分页子节点的解决方案。 此操作运行良好，但已导致用于查找d.type == 'learning_event'的节点的Select2列表出现问题。 Select2显示节点，但树中分页的节点不显示在Select2中。 相反，显示分页节点的名称‘...’，而不是分页节点的名称。 参见fiddle 小提琴中的代码：
..
使用Browserify捆绑D3库的问题
我想学习D3库。所以我通过NPM安装了它。一段时间后，我在对SVG对象应用转换时遇到了一个问题(请参阅我最初的问题：transision() causes Uncaught TypeError with D3 version 7.2.1)。有人建议我把库捆绑在一起来解决这个问题。 我一直在努力使用Browserify捆绑D3库。我已经完成了以下步骤： 在模块文件中使用了Required
..
捕获两个重叠元素上的鼠标悬停事件
所以我有一个带有rect覆盖的d3图表，用于保存mouseover事件上的十字准线元素。在覆盖下，我有其他RECT显示数据，这些数据也具有mouseover事件处理程序，但是覆盖阻止了mouseover事件形成下面的子RECT上的触发器。 let chartWindow = svg .append("g"); /* this holds axis groups, and cadlest
..
在JavaScript中将值数组转换为对象(键-值)对的数组
有没有转换值数组的简单方法： dataset = [5, 10, 13]; 转换为对象数组，其中每个对象都是一个键-值对？ dataset = [ { key: 0, value: 5 }, { key: 1, value: 10 }, { key: 2, value: 13 } ]; 此示例是Scott Murray的Inter
..
使用d3在d3中绘制成组线。组
我正在使用一个整齐的长数据结构，它有三列：Date、ID、Num_Orders。 date ID num_orders "2018-08-22" 1 3 "2018-08-23" 7 1 "2018-08-23" 10 1 "2018-08-23" 17 1 "2018-0
..
用D3.js制作分组条形图
我是D3.js的新手，我发现很难创建分组条形图，但我尝试了一些似乎不正确的方法。我要x轴上的月份数，y轴上的群组(火星和木星)数。类似于disLink。 var svg = d3.select("svg"), margin = {top: 20, right: 20, bottom: 30, left: 40}, width = +svg.attr("width") - margin.l
..
B(十亿)而不是Python绘图自定义数据中的G(千兆)[SI前缀d3]
我已经看过this、this和其他一些类似的帖子。他们都用javascript给出了解决方案，我无法将其移植到python。感谢您的帮助。 当我将一个足够大到十亿的值传递给customdata时，它将符号显示为G(代表千兆)而不是B，而绘图上的默认值为B，可以在图中看到比较结果。有没有办法用B代替G？ import pandas as pd import plotly.express
..
将可观察到的笔记本代码转换为纯Javascript
我正在尝试将可观察到的笔记本从下面的链接转换为纯Javascript。 https://observablehq.com/@d3/contours 有没有办法做到这一点 推荐答案 这里： const width = 600; const height = 600; const value = (x, y) => (1 + (x + y + 1) ** 2 * (19
..
无法等待在角度/茉莉单元测试中完成DOM呈现
我有一个通过VegaEmbed(https://github.com/vega/vega-embed)构建的角度饼图组件，它使用Vega和D3作为底层图形依赖项。它通过提供标题和一些(键、值)对进行呈现。我隔离了该组件，并修改main.ts以在Stackblitz之外运行Jasmine，以便与您共享。在此测试中，我检查饼图是否确实为值“30%”|“70%”和图例“合并的CEO/董事长”|“单独的C
..
在 d3 javascript 中的圆形对象内添加图像?
我的目标是使用 d3 将图像添加到现有圆圈中.圆圈将呈现并与 mouseover 方法交互，但仅当我使用 “fill"、“color" 而不是像 这样更复杂的东西时.附加(“图像"). g.append(“圆").attr(“类"，“标志").attr(“cx", 700).attr(“cy", 300).attr(“r", 10).attr("fill", "black")//这段代码可以正常
..
如何在树状图示例中将标签放在边缘?
给定一个类似于 Dendrogram 示例的树形图(source)，如何将标签放在边缘?绘制边缘的 JavaScript 代码如下所示: var link = vis.selectAll("path.link").data(cluster.links(节点)).enter().append("路径").attr("类", "链接").attr("d", 对角线); 解决方案 D3 的作者 M
..
为各个轴文本元素分配 ID
我正在使用 d3.axis() 创建轴标签和刻度线，我想使用 d3.select("#axisTextIDValue") 单独引用它们，但我看不到任何方法来操作单个的 id 属性轴中的文本元素.有谁知道如何为轴的刻度或文本元素创建 ID 值? 解决方案 虽然其他答案确实解释了如何选择刻度，但如果您想为生成的元素分配唯一的 id，可以通过给您为轴调用的 g 的 id 或类，然后根据它们的数组
..
设置 d3 图表的 y 轴以适合最宽的标签?
我正在用 d3 绘制折线图，一切正常.但是，我必须在图表区域的左侧留出足够的边距，以适应我认为可能是最宽 y 轴文本标签的任何内容.我想根据最宽的标签调整每个图表的空间. 最初我以为我可以找到最大 y 值，创建一个隐藏的文本对象，计算出它的宽度，然后在创建图表时将该值用作左边距.有点讨厌，但它给了我一个价值. 但是，如果最大 y 值是“1598.538"，那么最顶部的 y 轴标签可
..
将标签添加到 D3 和弦图
我是一名新手程序员，所以这个对你们大多数人来说可能很容易.这个和弦图的标签和/或鼠标悬停文本需要哪些代码行? http://mbostock.github.com/d3/ex/chord.html 我需要它在外部条带中显示类别的名称.当您将鼠标悬停时，我想显示确切的数字和两个类别.像这样:'A:B 的 5 件事'. 编辑: 我仍然不知道如何在我的代码中实现它.有人可以填写我
..
如何在 D3 旭日形图中正确旋转文本标签
在以下 D3 旭日: http://jsfiddle.net/maxl/eabFC/ .attr("变换", function(d) {return "rotate(" + (d.x + d.dx/2 - Math.PI/2)/Math.PI * 180 + ")";}); 左象限中的标签是倒置的，我想对它们进行旋转，以便文本从左到右阅读. 转换应该只适用于从大约 100 度到 2
..