在d3.js中，我发现树布局不能通过某个节点计算前一个节点，它只能绘制后继节点。像DAG这样布局可以在d3.js中绘制吗？
浏览 5提问于2013-09-04得票数 0
我开始学习three.js，并希望在d3.js中尽可能地创建一个chord图，但要从头开始。我创建了一个场景，在xz轴上有圆圈段。但我被和弦卡住了。我查阅了d3.js代码(path+quadratic曲线)，但需要一些很好的示例或说明如何在three.js中实现它。
📷
我想做的是让和弦与笔画和填充我的圆圈段，在两端有不同的宽度，在中间很好地弯曲和更薄(和D3.js一样)，在将来设置z指数和不透明度。
举个例子会很有帮助的，谢谢。
我想实现这样的目标：
📷
浏览 0提问于2016-08-20得票数 4
回答已采纳
1回答
我想知道是否有一个好的JS框架可以将区域地图转换为可绘制的地图。
例如，如果我有一个这样的地图，它用数字标识停车场，我想用红色标识占用的地块，用其他颜色标识空置的地块。
实现这一目标的最佳框架是什么？我看过D3.js，但它有太多的学习曲线，我们需要在svg区域上硬编码固定点。我正在寻找一个快速的替代方案，它可以是一个类似于图表的nvd3的D3.js包装库
浏览 2提问于2016-06-25得票数 0
1回答
我一直在使用D3.js库创建一些基本的图形。我正在尝试使用HTML5 canvas创建条形图，但发现很难创建。我找到了一些资源和this图表，但我不能理解它是如何done.Can的。你们推荐一些D3.js的资源/教程/书籍/博客，这样我就可以更好地了解它是如何完成的。 谢谢!
浏览 28提问于2020-01-21得票数 0
如何在d3.js中使用bezierCurveTo方法绘制直线，使线条如下图所示
我刚才提到了，但我对此一无所知。
浏览 3提问于2020-02-19得票数 6
回答已采纳
1回答
我想在d3.js中创建一个正态分布图(Bell曲线)。
像这样的
我尝试过在谷歌搜索，但我无法得到任何相同的例子。有人能帮我吗？
浏览 5提问于2014-08-19得票数 1
回答已采纳
1回答
我用D3.js创建了一个图表，如下所示，它显示在我的网页的左侧(空边距)，但y轴的标签没有完全显示出来： ? 如何避免这种情况并显示完整的标签(例如10,000个)？我必须增加SVG的大小吗？是否减少文本中的一个？请给我一些代码好吗？ 你需要更多的信息吗？ 提前感谢！
浏览 18提问于2020-01-29得票数 0
我正在研究Mike关于focus + context缩放的以下示例。。
我想知道我们能不能把多个图表和一个主图联系起来。类似于附图的东西。我是一个安静的d3.js，所以我可能错过了一些东西，但我找不到任何关于如何去做它的链接。所有的图都有相同的数据点。
谢谢!
浏览 2提问于2016-04-14得票数 1
1回答
我只能得到长方形。无法弄清楚如何在底部产生切割？
define(['jquery', 'knockout', 'd3', 'data/server', 'css!app/css/vista'],function($, ko, d3, server){
return {
activate: function(){
},
compositionComplete: function(){
var self = this;
self.loadyourRank(
浏览 1提问于2015-11-25得票数 3
回答已采纳
1回答
带圆角的SVG阶梯图
、、、、
如何创建具有平滑圆角的步骤图，如下例所示？
拐角半径取决于坐标-步长之间的差异。
我使用d3.js链接并尝试创建自定义SVG曲线，但无法正确实现它。
如果你有任何想法，我将不胜感激。也许有一些lib可以做到这一点？
更新：@exaneta的折线代码
<polyline points="10,40 15,45 30,70 35,75" fill="none" stroke="black" stroke-width="1"></polyline>
浏览 28提问于2020-03-02得票数 1
回答已采纳
为了给出我正在创建的应用程序的用户界面的背景信息：
我正在设计一种仪表板，用于列出在特定日期上班的人。基本的设计是，人们的名字将出现在甜甜圈图表的切片上，当他们在一天的工作中打卡时，他们的切片颜色将从红色变为绿色，表示他们今天正在工作。仪表板的用户还可以单击或悬停在其中一个切片上，使其展开并显示有关此人的更详细信息(更多文本)。
我已经准备好了样例应用程序的后端，可以通过UI显示数据，但是我不确定应该如何设计它。我想问的是，是否有任何JavaScript框架可以使这一点易于实现。我已经研究了一系列工具，如Google Charts、、ChartJS和D3.js，但这些工具似乎更侧重于显示实际的
浏览 0提问于2016-03-02得票数 1
我是D3.js的新手，我已经创建了一个图形力，并且它正在工作。我的疑问是关于两个节点之间的链接的颜色。
我需要在节点之间的链路上使用颜色来表示流量。但问题是，两个节点在链路上发送流量，为了表示这一点，我需要在同一链路上使用两种颜色。在情况下50%的链接与一种颜色和其他50%的其他颜色。有可能吗？
浏览 0提问于2015-01-15得票数 0
我回到大学学习数学，我想尝试用这些知识创建一些svg与d3.js。
如果我有一个函数f(x) =x^3-3x^2+3x-1
我将采取以下步骤：
找到当y=0时的x拦截器
当x=0时找到y截距
在dy\dx =0时找出平稳点
然后，我将有2x值从第3点插入到原来的方程。
然后我会画一个自然表，判断图形或曲线的流向。
从上面画出已知的点，并勾画出图表。
将我在笔和纸上所做的事情转换成代码说明，这是我真正可以通过以下任何一种建议来完成的工作：
如何以编程的方式分解上面的第1点，以找到y= 0时的x-拦截器。老实说，我甚至不知道从哪里开始。
如何以编程方式找到d
浏览 2提问于2015-12-26得票数 0
2回答
我正在将一个元素从一个点移动到另一个点。但我特别想要实现这个动画：
我在d3.js的知识有些有限，我不知道如何生成这条曲线，我也不知道如何做3d透视，其中圆应该出现，然后非常小，然后增长，最终变得很小，直到消失，以及附加的链接。我该怎么做呢？
var circle = svg.append("circle")
.attr("fill", "blue")
.attr("r", 4)
.attr("cx", centroids.ANTIOQUIA[0])
浏览 25提问于2017-06-20得票数 2
回答已采纳
1回答
我已经使用d3.js创建了一个地图。我想要显示两个位置之间的曲线。我可以显示一条线，但有时它不能形成完美的曲线。对于一些线，这些线在地图后面曲线(穿过反子午线)到它们的目的地。 这是一个演示这个问题的代码笔：https://codepen.io/peeyush-pant/pen/WqbPax 和一张图片： ? 这是我的预测数据： var projection = d3.geoEquirectangular();
var path = d3.geoPath()
.projection(projection); 下面是我画线的方法： arcGroup.selectAll(
浏览 17提问于2019-06-12得票数 5
回答已采纳
我是D3.js新手，今天才开始学习
我查看了，找到了下面的代码
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.append("g")
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
我搜索了，但不明白.
浏览 2提问于2013-06-12得票数 146
回答已采纳
下面是我使用d3.jes绘制直线图的JavaScript代码：
var h = 100;
var w = 200;
var monthlySales = [
{"month":10, "sales":20},
{"month":20, "sales":14},
{"month":30, "sales":20},
{"month":40, "sales":21},
{"month":50, "sales&
浏览 7提问于2017-07-19得票数 1
回答已采纳
我正在使用Mike在D3.js中的分层边缘捆绑示例：
我正在做一些稍微不同的事情:在我的例子中，节点可以多次拥有相同的子节点，例如：
[
{"name": A, "imports": [B, C, C, D]}
{"name": B, "imports": [A, C, D, D]}
{"name": C, "imports": [B, D]}
{"name": D, "imports": [B, A]}
]
这似乎是可能的。但是，当链接具有相同的源节点和目
浏览 1提问于2018-05-10得票数 3
回答已采纳
2回答
我正在尝试用d3.js实现概念地图网络图。图的样本可以在这里的js小提琴中找到。
节点方向仅从左侧指向。右侧的所有节点都有矩形背面的线条。我想显示所有的节点都指向左边和右边。
预期图：
浏览 6提问于2015-08-10得票数 14
回答已采纳
我是SVG和d3.js的新手。
在使用D3 force layout绘制图形时，我使用了一个简单的对角线生成器，并使用标记端来绘制箭头。
当使用圆弧而不是对角线生成器时，箭头显示得很好。但是像下面的代码一样使用对角线生成器不会产生适当的标记：
var vis = this.vis = d3.select(el).append("svg:svg")
.attr("width", w)
.attr("height", h);
var force = d3.layout.force()
.gravity(0.03)
.
浏览 0提问于2012-05-23得票数 6
我在我的项目中使用过几次chart.js，但我从未使用过d3.js。很多人说d3.js是最好的图表javascript框架，但是没有人能够解释为什么，特别是当我想要和chart.js比较的时候。
我发现了这个：，但这不是我想要的。
有没有人知道这些框架在可用性和性能方面的比较(仅用于图表)？
浏览 15提问于2014-12-07得票数 98
回答已采纳
1回答
在D3.js中，为了画一条线，我定义了line函数，它看起来如下所示：
var line = d3.svg.line()
.x(function(d) { return x(d.distance); })
.y(function(d) { return y(d.speed); });
例如，我会调用这个函数来渲染自行车巡演期间记录的速度。distance轴是水平的。
但是，实际上，自行车道不是水平的，我在数据对象中有可用的elevation变量。我如何用它来绘制实际的自行车道上的速度，显示上下起伏，以及速度的相对增减？
根据您的经验，沿着路径绘制变量
浏览 4提问于2015-03-12得票数 0
回答已采纳
1回答
我看到了一个可以创建d3弧的svg函数：
在d3.js中，有没有办法将现有的svg弯曲成圆弧？如果不是，如何在JavaScript中完成？最初的图像可能是一个内部有负空间的正方形，形成一个像猫一样的东西的轮廓。
我附上了一张我想要的图画。我最终想做更多，并创建一个环，然后是较小变换的同心环。
浏览 10提问于2017-01-16得票数 2
1回答
因此，我尝试将圆添加到此图中的每个数据点：
你知道该怎么做吗？谢谢。
这是我现在尝试的：
var circles = focus.selectAll("g")
.data(values)
.enter()
.append("g");
circles.append("circle")
.attr("cx", function (d) { return d.date; })
.attr("cy", function (d) { return d.temperatu
浏览 0提问于2013-07-01得票数 5
回答已采纳
有没有(有效的)方法来(a)计算固定点和d3.js中的svg:path元素之间的最短距离，以及(b)确定路径上属于该距离的点？
浏览 1提问于2013-02-12得票数 9
回答已采纳
3回答
我有一个d3.js线图，有多条线。用户可以更改与每一行相关联的筛选器，这将更改绘制的值和图表更新。
这一切都很好，但是如果用户选择了筛选器，导致行的值不匹配，我将在控制台中得到以下错误：
Error: Invalid value for <path> attribute d="" d3.js:8481
attrNull d3.js:8481
(anonymous function) d3
浏览 6提问于2014-07-07得票数 0
回答已采纳
我正在尝试将Vaadin与d3.js一起使用。如果我在一个手写的超文本标记语言文件中使用d3.js和一些自定义的JavaScript，我必须在utf-8中包括d3.js (因为作者认为在他的代码中使用各种时髦的字符来表示像pi这样的东西是一个好主意)：
<script src="d3.js" charset="utf-8"></script>
很简单。但是如果我在这个自定义的Vaadin小部件中使用它，我必须使用Vaadin的JavaScript表示法：
@JavaScript({"myscript.js","d3
浏览 2提问于2014-07-07得票数 0
3回答
jquery外部的DOM操作
、、、、
我在相同的脚本中使用Jquery和D3.js。我有一个使用D3.js修改的svg元素。然后，当我使用Jquery在这个元素上进行选择时，我看不到D3.js所做的修改。
开头的DOM：
<svg>
<g id="myId"></g>
</svg>
使用D3.js修改后的DOM：
<svg>
<g id="myId" transform="translate(10, 10)"></g>
</svg>
然后：
$("#myId").a
浏览 37提问于2016-08-26得票数 0
回答已采纳
2回答
我正在做一个像seats.io这样的软件，我试图画出圆圈的曲线。我首先使用d3.js创建一个带有svg圆的正方形。
Y坐标
我首先找到中间的圆圈，并将其cy设置为0，随后依次设置为0(每行递增12。然后我意识到，如果它是偶数，它就找不到中间点。
我决定使用bhaskara公式来找到曲线坐标，但我被困在如何在循环中定位它：
$("#curve").on("change",function(){
var a = $(this).val();
var q = quant_col2;
console.log(q);
console.lo
浏览 0提问于2016-11-15得票数 2
2回答
D3.js退出奇怪的行为
、、、、
我正在学习D3.js，并且有一些关于exit()函数的问题。请看下面的示例代码
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<h1>Hello, World!</h1>
<p>Test of selection of D3.js</p>
<p>
浏览 3提问于2013-07-06得票数 0
1回答
我一直在尝试使用d3.js创建一个双向链表。我在d3.js中尝试过和弦，但没有成功。谁能帮助我在d3.js中的函数，可以最适合循环链表。
编辑:类似于以下内容
浏览 1提问于2014-02-12得票数 0
我一直被两个错误卡住了，我一直无法弄清楚……我正试图从一些后端数据中构建一个散点图。BackEnd向我发送了一个带有所需信息的Javascript对象(tabularData)，我使用它来创建图形。我使用的是ExtJS 4.2.2以及d3.js和nv.d3.js的最新版本
第一个错误是一个未捕获的typeerror，它似乎抱怨nv.d3.js
Uncaught TypeError: Cannot read property 'data' of undefined nv.d3.js:11193
(anonymous function) nv.d3.js:11193
attrFun
浏览 1提问于2014-07-23得票数 3
回答已采纳
我正在尝试将D3 v4代码块转换为v3。这是给我带来麻烦的代码块。
//var spiral = d3.radialLine()
var spiral = d3.svg.line.radial()
//.curve(d3.curveCardinal)
.curve(d3.line.curve())
//.curve(d3.curve.linear)
.angle(theta)
.radius(radius);
但是，当我试图将radialLine转换为d3.line.curve()时，我注释掉了引用我能够获得的d3.curveCardinal的第一行，得到了以下错误：
浏览 1提问于2019-02-25得票数 0
回答已采纳
在我的可视化中使用D3 (版本4)时出错了。它基本上是x轴上的一个时间轴，用来可视化文档。我有一个主函数，它在每次缩放/画笔事件上都会被调用。它过滤和更新数据，并使用d3 enter/ update /exit来更新SVG元素。
当缩放/刷了一段时间后，D3就会崩溃，并在循环中显示以下错误。这也是随机发生的。
node_modules\d3\build\node_modules\d3\build\d3.js:4250 Error: <g> attribute transform: Trailing garbage, "…41797761907139, 7.355272223
浏览 0提问于2017-10-25得票数 3
回答已采纳
我在angular-nvd3中有一个multiChart，它应该显示每天的销售计数和总收入。
<nvd3 options="options" data="data"></nvd3>
下面是选项和数据：
$scope.options = {
chart: {
type: 'multiChart',
height: 450,
margin : {
top: 30,
right: 90,
bottom:
浏览 1提问于2016-01-13得票数 1
1回答
我试图开发一个简单的交互式应用程序来说明。基本上，我想在这里用D3.js再现这个图：
我正在考虑使用树布局，但这不是树，因为它有循环。我对D3.js非常陌生，这是我尝试生成的一个应用程序，用于自学D3.js。我被手动生成这样的格子所困住了。
在D3.js中可以这样做吗？
浏览 1提问于2014-01-03得票数 3
回答已采纳
1回答
我正在尝试从d3.js开始，并从下载了最新的版本。除了d3.js文件之外，src和规范文件夹中还有很多其他脚本。
我们需要将所有这些放在我们自己的项目目录中吗？还是复制d3.js文件就足够了？
浏览 6提问于2019-12-16得票数 1
回答已采纳
使用Drupal中的D3.js库创建数据可视化的可用选项有哪些？
D3.js (数据驱动文档)似乎是一个越来越受欢迎的图表引擎。因此，我想知道如何使用D3.JS作为图表引擎。
浏览 0提问于2015-09-03得票数 2
回答已采纳
1回答
我想使用d3.js可视化数据。因此，我将express框架连接到postgresql，从postgresql获取用户数据，用户数据将使用d3.js可视化。我的问题是，在express框架中如何使用纯d3.js代码？
谢谢。你好，雷斯·汗。德国图克尔。
浏览 1提问于2015-07-21得票数 1
我有一个有角的网站，有一些用angular2-nvd 3制作的图表。我最近升级了我的所有依赖项，从那时起我就出现了以下错误：
ERROR TypeError: groups.watchTransition is not a function
at SVGGElement.<anonymous> (nv.d3.js:13130)
at d3.js:962
at d3_selection_each (d3.js:968)
at Array.push../node_modules/d3/d3.js.d3_selectionPrototype.each (d
浏览 3提问于2018-09-19得票数 0
回答已采纳
我有一组图(使用angular 7和d3.js v5)。有了轴x=>日期，y值，它是一条曲线(基数)。我希望能够输入一个日期，并在这个特定的日期显示值。我的问题是，我不知道如何检索给定日期的计算值。有可能吗？我什么也没找到。 我添加了一张图片来澄清。 ? 感谢您的帮助:)
浏览 18提问于2019-05-30得票数 1
1回答
我想用d3.js创建一个像上面这样的甜甜圈，但是我不能做一个。我可以用d3.js做一个正常的甜甜圈。
请有人知道如何用d3.js制作这个甜甜圈吗？
浏览 3提问于2015-12-02得票数 2
回答已采纳
我是一个视觉/信息设计师和数据分析员。我是插图方面的专家。我想转换成动态数据可视化。最好我想利用我的矢量文件，并将它们连接到数据库。话虽如此，我还是想精通数据可视化编程。
什么路线？我通过一个介绍性的课程测试了“处理”--它类似于Illustrator中的逻辑。我在考虑d3.js。看起来大家的共识是把“处理”和d3结合起来。我应该从什么程序开始(知道我想要使用我的向量文件)。
提前谢谢你！
浏览 5提问于2014-06-17得票数 11
回答已采纳
1回答
D3.js和Cytoscape.js有什么区别？
为什么有人会选择Cytoscape而不是D3.js？
浏览 7提问于2013-05-27得票数 29
回答已采纳
2回答
d3.js layout.force可以用来定位像div这样的非svg元素吗？
如果div有position: absolute;，那么left和top也许可以作为与svg元素相同的x1和y1属性使用？
目标是在支持IE8的图像和菜单项上产生一些强制效果。我知道svg节点可以是图像，但由于我需要支持IE8，这不是一个选项。
如果不可能的话，使用和d3.js是一个稳定的选择吗？
谢谢!
**更新**
D3很酷！！我开始掌握它的窍门了，并且可以在常规的html元素(如div)上使用“强制”，因为d3.layout.force()本质上给出了每个你想要使用的“滴答”(或帧)的x和y坐标。
ie：
f
浏览 4提问于2012-02-15得票数 8
回答已采纳
我想在d3.js脚本中重写与其中一个布局相关的几个函数。当我将这些函数剪切并粘贴到单独的文件中，并在d3.js之后加载它们时，可视化就不再工作了，因为内部函数调用d3.js的内部函数。
d3.js：
!function() {
var d3 = { version: "3.5.17" };
function d3_funct() { return d3; } // this function is called in the other file
}();
chord.js：
d3.svg.chord() = function() {
var funct = d3_
浏览 10提问于2016-05-12得票数 1
回答已采纳
1回答
使用d3分组数据
、、
我试着用复制乘法图的d3。我声明我对d3知之甚少，我刚刚开始使用它。
我会得到一个图，在x轴上有日期(1995,1996，.，2010)，y轴上的数值从0到3000。表示csv中各种数据类别的行。
这是我代码的一部分：
// Get the data
d3.csv("./data/df_out.csv", function(error, data) {
data.forEach(function(d) {
d.year = d.year; //parseDate(d.year);
d.value = +d.value;
});
浏览 3提问于2016-05-14得票数 1
回答已采纳
1回答
我试图迭代D3.js中的X3DOM节点，但是我得到了一个错误。
代码如下：
var disktransform = scene.selectAll('.disktransform');
var shape = disktransform
.datum(slices)
.selectAll('.shape')
.data(partition.nodes)
.enter()
.append('sh
浏览 0提问于2015-08-29得票数 0
2回答
我正在寻找一些指导或如何在d3.js中做一个地理图的例子。我需要像这样的东西在谷歌图表中，并转向d3.js，因为我需要一些自定义。到目前为止，我找到的最接近的d3.js示例是，但那里的代码非常长，我希望能找到更简单的代码。
浏览 1提问于2012-09-29得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
