d3.js相关内容
我的案例中的示例: d3.format("~s")(656628); //656.628k 但我的预期结果:656.63k 我希望使用d3格式选项,而不是手动处理。 实时测试:https://npm.runkit.com/d3-format 推荐答案 您只需要d3.formatPrefix,它... 在以定点表示法格式化之前,将值转换为指定数字参考值的相应S
..
我正在制作一张Sankey图表,我想在每一列的顶部添加文本,以便对所显示的内容进行简要描述。 取自r-graph Galery的示例代码: library(networkD3) # A connection data frame is a list of flows with intensity for each flow links
..
我有一个以时间为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中加载一个TopOJson文件(我使用的是版本7),操作非常简单: d3.json("file01.json").then(function(topology) { 要加载以前版本中可以使用的两个文件,例如在版本6中: Promise.all([ d3.json("file01.json"), d3.json("file02.json", function(
..
我有一个previous question,它有一个分页子节点的解决方案。 此操作运行良好,但已导致用于查找d.type == 'learning_event'的节点的Select2列表出现问题。 Select2显示节点,但树中分页的节点不显示在Select2中。 相反,显示分页节点的名称‘...’,而不是分页节点的名称。 参见fiddle 小提琴中的代码:
..
我想学习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
..
有没有转换值数组的简单方法: dataset = [5, 10, 13]; 转换为对象数组,其中每个对象都是一个键-值对? dataset = [ { key: 0, value: 5 }, { key: 1, value: 10 }, { key: 2, value: 13 } ]; 此示例是Scott Murray的Inter
..
我正在使用一个整齐的长数据结构,它有三列: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的新手,我发现很难创建分组条形图,但我尝试了一些似乎不正确的方法。我要x轴上的月份数,y轴上的群组(火星和木星)数。类似于disLink。 var svg = d3.select("svg"), margin = {top: 20, right: 20, bottom: 30, left: 40}, width = +svg.attr("width") - margin.l
..
我已经看过this、this和其他一些类似的帖子。他们都用javascript给出了解决方案,我无法将其移植到python。感谢您的帮助。 当我将一个足够大到十亿的值传递给customdata时,它将符号显示为G(代表千兆)而不是B,而绘图上的默认值为B,可以在图中看到比较结果。有没有办法用B代替G? import pandas as pd import plotly.express
..
我正在尝试将可观察到的笔记本从下面的链接转换为纯Javascript。 https://observablehq.com/@d3/contours 有没有办法做到这一点 推荐答案 这里: const width = 600; const height = 600; const value = (x, y) => (1 + (x + y + 1) ** 2 * (19
..
我有一个通过VegaEmbed(https://github.com/vega/vega-embed)构建的角度饼图组件,它使用Vega和D3作为底层图形依赖项。它通过提供标题和一些(键、值)对进行呈现。我隔离了该组件,并修改main.ts以在Stackblitz之外运行Jasmine,以便与您共享。在此测试中,我检查饼图是否确实为值“30%”|“70%”和图例“合并的CEO/董事长”|“单独的C
..
我的目标是使用 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
..
我正在使用 d3.axis() 创建轴标签和刻度线,我想使用 d3.select("#axisTextIDValue") 单独引用它们,但我看不到任何方法来操作单个的 id 属性轴中的文本元素.有谁知道如何为轴的刻度或文本元素创建 ID 值? 解决方案 虽然其他答案确实解释了如何选择刻度,但如果您想为生成的元素分配唯一的 id,可以通过给您为轴调用的 g 的 id 或类,然后根据它们的数组
..
我正在用 d3 绘制折线图,一切正常.但是,我必须在图表区域的左侧留出足够的边距,以适应我认为可能是最宽 y 轴文本标签的任何内容.我想根据最宽的标签调整每个图表的空间. 最初我以为我可以找到最大 y 值,创建一个隐藏的文本对象,计算出它的宽度,然后在创建图表时将该值用作左边距.有点讨厌,但它给了我一个价值. 但是,如果最大 y 值是“1598.538",那么最顶部的 y 轴标签可
..
我是一名新手程序员,所以这个对你们大多数人来说可能很容易.这个和弦图的标签和/或鼠标悬停文本需要哪些代码行? http://mbostock.github.com/d3/ex/chord.html 我需要它在外部条带中显示类别的名称.当您将鼠标悬停时,我想显示确切的数字和两个类别.像这样:'A:B 的 5 件事'. 编辑: 我仍然不知道如何在我的代码中实现它.有人可以填写我
..
在以下 D3 旭日: http://jsfiddle.net/maxl/eabFC/ .attr("变换", function(d) {return "rotate(" + (d.x + d.dx/2 - Math.PI/2)/Math.PI * 180 + ")";}); 左象限中的标签是倒置的,我想对它们进行旋转,以便文本从左到右阅读. 转换应该只适用于从大约 100 度到 2
..