2回答
这个展示了如何使用d3.js样式属性来改变圆圈的外观(填充颜色、笔画颜色、笔画宽度等)。
我可以使用样式属性设置d3.js圆圈的半径吗？
浏览 6提问于2016-05-17得票数 1
回答已采纳
1回答
我目前在部署了一个Rails webapp，它利用D3.JS和JavaScript来生成与时间相关的特定用户上传的SVG图。图形在Chrome、Safari和Firefox中可以正确呈现，但突出显示刻度标签或滚动会导致图形的某些部分在Safari中消失(但Chrome或Firefox不会消失)。在另一个有类似图表的页面上，这不是问题，可以在上找到。
这是Safari的问题还是我的代码有问题？谢谢。
浏览 5提问于2012-07-18得票数 2
回答已采纳
有谁知道如何使用CSS3 Webkit translate3d而不是d3.js的普通左css。在iPhone上，translate3d运行得更快，在发布HTML元素之后，我需要在转换时这样做。
下面是我左边css的代码：
d3.select("#myHTMLElem").transition()
.style("left", myNewPosX) + "px")
.duration(500)
.ease("cubic-in-out")
.each("end", function(d)
浏览 1提问于2012-06-05得票数 2
1回答
我如何在没有使用d3.js值的情况下添加属性？
例如，我如何构建这样一个选项：
<option value="" disabled selected>Select something...</option>
在本例中，disabled和selected属性没有值。value属性的值为""。
浏览 2提问于2018-06-12得票数 1
回答已采纳
1回答
每当用户单击按钮时，我都试图更新d3.js条形图。
我一直想在某个地方添加一个像show 那样的转换，但是它并没有即时更新我的数据。
我正在处理这个。
我尝试了如下代码，但它没有更新我的数据：
btn.onclick = function(){
data.push({date: new Date(2013, 3, 10), total: 78});
updatePlot();
}
function updatePlot(){
d3.select('#graphTest').transition();
}
如何更改updatePlot方法以更新条形图中的数据？
浏览 2提问于2013-10-30得票数 0
回答已采纳
1回答
我使用d3.js库在客户端根据一些参数生成图表。生成的图表有一些基于外部css文件的样式应用。是否可以将具有相同样式的图表导出到服务器？我试着使用base64数据导出图表，但是我得到图表时没有应用任何样式。
任何帮助都是非常感谢的！
小提琴
在JsFiddle中显示的输出是我的UI现在的样子。但是为了生成PDF，我将base64数据发送回服务器，这不包括样式。
浏览 0提问于2018-04-13得票数 0
回答已采纳
如何使用D3.js设置<select>元素的值？
我在尝试这个：
d3.select('#myselect').attr('value', 'France');
但它不起作用。
JSFiddle这里：
浏览 3提问于2015-03-09得票数 11
回答已采纳
在下面的d3.js片段中，我期望在使用不同的浏览器时应用适当的旋转样式。但是，第二种样式总是会覆盖第一种风格。
var degrees = Math.floor( Math.random() * 360 );
box_tr.append('td')
.attr('id', 'image')
.append('img')
.attr('id', 'myimage')
.attr('src', imgurl)
.attr('st
浏览 5提问于2014-05-19得票数 1
回答已采纳
我有一个SVG，需要按照数据填充，就像这个。我需要用不同的颜色填充手臂，用不同的颜色填充头部，用不同的颜色填充腿，所有这些都使用HTML、CSS和JavaScript。我正在使用它的角度，这也使用D3.js。有这方面的工作吗？
浏览 17提问于2022-05-26得票数 0
我正在编写用于生成许多图表和图形的d3.js。但是当没有数据时，我只是附加一个文本给svg，并写上“没有数据要显示”，然后分配一些属性，比如x，y，dy等等。类似的字体大小，但除了字体大小，所有的东西都在工作。
为什么？以下是我的代码
var svg = d3.select(selector).append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.app
浏览 3提问于2013-03-08得票数 54
回答已采纳
1回答
我正在试用d3.js。我只有一个非常简单的标题(引导的html)和d3.js图。我希望标题在图形上是可见的，而目前容器覆盖它。
<!DOCTYPE html>
<html>
<head>
<title>Graph/index</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_i
浏览 1提问于2015-06-11得票数 0
回答已采纳
2回答
我使用Google Charts来可视化匹配数据，但是从现在开始我想使用D3.JS，因为它具有庞大的社区和丰富的图形工具。我为编写了一个代码，它从数据库中提取数据，用格式解析数据，并通过一个基本条形图进行可视化。我想将我的基本条形图更改为。
这是我的。
我环顾四周，想找到解决办法，但却找不到我真正需要的东西。
我怎样才能把它切换到D3.JS
浏览 4提问于2013-03-12得票数 2
我正在尝试使用stopPropagation方法。我使用d3.js和d3.d.ts (通过typings下载)。是否可以以某种方式调用stopPropagation？我一直使用event.stopPropagation()，直到我在火狐中运行了我的应用程序。Typings确实有d3.event，但它不包含上述方法的声明。
浏览 1提问于2016-06-20得票数 5
1回答
窗口调整大小事件时的响应画布
、、、、
我是画布概念的新手，我正在尝试使用D3.js来绘制画布。我想使画布作为响应基于窗口屏幕的大小。
function onResize(){
var element = document.getElementsByTagName("canvas")[0];
var context = element .node().getContext("2d");
var scrnWid = window.innerWidth,
scrnHgt = window.innerHeig
浏览 12提问于2017-06-30得票数 2
我刚刚从用纯D3.js可视化作用力反馈图转到了令人惊叹的图分析库JSNetworkX (NetworkX的一个JavaScript端口)。现在我知道JSNetworkX在后台使用D3.js进行可视化，但我不知道如何在实际节点之外获得要显示的标签。我的意思是，我当然可以得到Edge标签，但那是另一回事。在D3.js中，您必须使用实际的SVG文本元素，但这一切似乎都是抽象的。 http://jsnetworkx.org/ 我尝试过使用所有不同的标签属性，但最终要么没有标签，要么在Node中间有一个标签。 我发现了一个线程，它似乎引用了一个较旧的版本，但即使更改语法，它也不起作用。 https:/
浏览 14提问于2019-01-02得票数 2
2回答
我是d3.js的新手，所以这可能是一个非常琐碎的问题。这是代码
d3.selectAll("p")
.data([4, 8, 15, 16, 23, 42])
.style("font-size", function(d) { return d + "px"; });
这个function(d) { return d + "px"; }是做什么的。
浏览 7提问于2012-11-13得票数 0
回答已采纳
我正在尝试集成Vue.js和D3.js。我注意到的是，有时CSS类并不能真正处理svg元素。下面我给出了vue组件的代码片段。
<template>
<div>
<h1>Hello world</h1>
<svg width="300" height="100" ref="barchart"></svg>
</div>
</template>
<script>
import * as d3 from "d3";
e
浏览 2提问于2019-01-29得票数 4
1回答
我可以在D3.JS中删除属性吗？我已经使用.attr("disabled", "disabled")添加了它，现在我正在寻找类似于jQuery的.removeAttr("disabled", "disabled");的东西来再次删除它。对<button>和<option>非常有用。我尝试过使用.remove()，但这会删除整个对象，而不是属性。
浏览 3提问于2013-03-10得票数 71
回答已采纳
1回答
使用d3.js可以将数据中的任意属性附加到SVG元素，在本例中，标题将用作工具提示：
svg.selectAll("circle")
.data(data)
.enter().append("circle")
.attr("title", function(d) { return d.title; })
是否有方法仅在数据中存在属性时才附加该属性？(例如，在本例中，如果数据中缺少标题，则根本不会添加标题属性)
浏览 2提问于2012-11-19得票数 1
回答已采纳
我正在使用d3.js进行图形分析。我正在寻找图中节点的介数和关键影响因素。在处理节点之后，我只希望通过增加节点大小或使其他节点淡入淡出来突出显示生成的节点。
请帮帮我。
浏览 2提问于2013-01-25得票数 0
回答已采纳
1回答
突出显示d3.js中的树路径
、、、、
基于这个
我在d3.js中构造了一个树结构可视化，它包含进一步的特性，如缩放、拖动、移动和突出显示节点等。添加的特性不会影响基本的树代码，如该示例所示。现在，我想实现类似Mouseover这样的功能，以突出显示鼠标所在节点的根目录路径。我有问题的跟踪路径到根(不知道如何跟踪路径)，有人能给一个提示或一些有用的链接如何实现吗？
浏览 1提问于2013-10-25得票数 5
回答已采纳
我有一对图，我希望将它们绑定到d3.js zoom()功能。我查看了d3.js API wiki，但是还没有关于zoom()功能的文档。基本上，我希望当用户缩放或拖动其中一个时，这两个图形都会更新。我不知道如何将缩放行为应用于两个不同的图形。
我创建了堆叠图的工作示例的JSFiddle，但缩放功能只在上面的图上起作用：
我希望缩放和拖动应用于这两个图表时，其中之一被修改。我知道我需要修改对zoom()行为的调用：
rect.call(d3.behavior.zoom().x(x).on("zoom", zoom));
我看到此行为正应用于x(x)轴，但我需要将其也应用于下图的x
浏览 3提问于2012-05-18得票数 4
回答已采纳
4回答
我是威斯康星大学计算机科学研究的学生，我的团队正在尝试将特定的网络流量可视化，并将其实时放入neo4j图形数据库中。
我读过很多不同的工具，比如gephi、cytoscape、人力车(基于D3.js)、其他一些工具和D3.js。
到目前为止，我们正在推进D3.js，但希望得到社区的意见。我们不能因为neo4j而使用cytoscape，并且觉得D3.js在快速实时环境中处理半大数据会更好。
有什么建议吗？
也许对于另一个问题，但也可以随意输入:实现neo4j的最佳方式？Java，Ruby，node.js？
谢谢!
浏览 1提问于2013-02-14得票数 20
回答已采纳
我在Dart中有Angular2应用程序(如这里- )，并从那里调用javascript (D3.js库)
问题: svg循环没有加载css
app_root.dart：
@Component(
selector: 'root',
templateUrl: 'app_root.html',
styleUrls: const ['app_root.css'],
)
class RootComp {
Future showCircle() async {
injectScript('http://d3js.org/d3.
浏览 0提问于2016-09-05得票数 1
回答已采纳
3回答
我正在尝试使用SVG gradientFill来可视化地“截断”d3.js图表中的长文本字符串。
似乎填充的外部css样式将覆盖SVG中的内联渐变填充样式...一直都是这样吗？如何强制渐变填充？
在此测试用例中，我在svg defs中定义了一个线性渐变，然后将渐变填充应用于两组文本。
var labelColWidth = 200;
var svg = d3.select('#test').append('svg')
.attr('width', 500)
.attr('height
浏览 89提问于2014-06-19得票数 31
回答已采纳
2回答
我正在寻找一些指导或如何在d3.js中做一个地理图的例子。我需要像这样的东西在谷歌图表中，并转向d3.js，因为我需要一些自定义。到目前为止，我找到的最接近的d3.js示例是，但那里的代码非常长，我希望能找到更简单的代码。
浏览 1提问于2012-09-29得票数 6
回答已采纳
我使用d3.js组合了下面的树状图。它是投票率排名前20的州。<code>C0</code>
我不确定如何将“值”添加到悬停中。理想情况下，它应该显示每个状态的唯一值。我可以为一个州(示例中的加利福尼亚州)这样做，但我不确定如何使其灵活，以便为不同的州生成其他值。
<code>A1</code>
<code>A2</code>
<code>A3</code>
浏览 24提问于2020-11-16得票数 0
回答已采纳
我有一个有角的网站，有一些用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
回答已采纳
1回答
我正试图将用d3.js编写的现有d3图表之一与角5连接起来。
我尝试将D3代码保存在一个文件D3中，并在component.ts文件中导入与导入*与vis从‘./vis alization.js’中导入的相同的代码；并面对错误TS2306: visualization.js不是一个模块。
请帮我解决这个问题。
注意:我不想将d3.js包装在一个类型记录类中，这可以帮助我轻松地集成其他几个d3.js图表，而不需要接触它们的源代码。
浏览 1提问于2018-07-25得票数 0
1回答
我需要在d3.js中创建一个箭头，但我发现的只是节点图的示例。我只需要做一个从A点到B点的箭头。
我尝试在以下示例中实现部分代码：
这一具体部分：
svg.append("svg:defs").selectAll("marker")
.data(["suit", "licensing", "resolved"])
.enter().append("svg:marker")
.attr("id", String)
.attr("viewBox"
浏览 5提问于2012-10-01得票数 33
回答已采纳
1回答
我是一名d3.js newby，我正在使用。原始示例显示了在特定区段上悬停时的工具提示。我想用工具提示代替。
在d3.js示例中，使用以下行添加默认工具提示，即通过设置title属性：
g.append("rect")
.attr("class", "parent")
.call(rect)
.append("title")
.text(function(d) { return "total: " + formatNumber(d.value); });
qtip2网站建议使用(jQ
浏览 7提问于2014-03-04得票数 1
回答已采纳
2回答
我正在做一个SVG图形导出(使用d3.js库)到PNG。问题出在标签textPath上。导出为PNG时，不会显示文本。有没有人知道这个问题是否有解决方案？
我用来进行转换的代码是：
var svgString = new XMLSerializer().serializeToString(document.querySelector('#svg'));
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var DOMURL =
浏览 0提问于2014-09-11得票数 3
1回答
我想为实时D3.js和javascript图形制作一个工具提示，它可以在数据上平滑地移动。有没有人知道任何例子。我所找到的都是与静态图相关的。
浏览 1提问于2013-06-28得票数 1
2回答
在过去的几个小时里，我一直在研究这个问题，但我似乎没有办法在下面的密室里看到这个步骤。
我怀疑这是因为我误解了如何在概念上使用x轴。
我正在试图绘制一个图表，其中我有如下数据：
data = {"step_plot_3": {"x_axis": ["4-Jun-07", "5-Jun-07", "6-Jun-07", "7-Jun-07", "8-Jun-07"], "y_axis": [0.32322222222152003, 9.7200555555434001
浏览 0提问于2014-11-20得票数 0
回答已采纳
我有一个用D3.js创建的线条的散点图(如图中所示)。圆半径的初始值设置为4，但是，当mouseover或click事件在圆上触发时，它应该变成6 (r=6)。然而，我能够做到这一点，铬如下：
document.getElementById('dotGain' + count).style.r = 6;
在IE中也不起作用。
作为dom创建的HTML是：
<circle xmlns="http://www.w3.org/2000/svg" class="dotGain" id="dotGain51" style="c
浏览 5提问于2015-11-02得票数 1
回答已采纳
1回答
通过解析等XML文件，我已经用d3成功创建了几个绘图。现在我想知道如何处理不完整的数据集。在我的特定示例中，某些元素中缺少一些子元素。在这种情况下，我希望d3丢弃该元素，并且不显示任何内容。目前，我正在对数据集应用过滤器，然后将其提供给d3的data()函数。
有没有一种更聪明的方式来做这件事呢？理想情况下，我只想在设置属性时返回null，但结果发现所需的子元素并不存在。
完整的免责声明:我刚刚开始学习d3.js。
浏览 1提问于2013-02-02得票数 2
回答已采纳
1回答
SVG滤波器和插值值
、、、、
我正在用d3.js创建一个可视化，我想要达到的效果依赖于使用feFlood和feBlend的过滤器。对于可视化中的每个路径，我需要为feFlood过滤器原语插值一个不同的feFlood值。过滤器非常简单：
<filter id="multiplyOverlay" x="0" y="0" width="100%" height="100%">
<feFlood flood-color="steelblue" flood-opacity=".1" />
浏览 1提问于2014-08-21得票数 0
回答已采纳
我已经开始使用优秀的D3.js数据可视化库()。
这个结果在Firefox和Chrome中运行得很好，但在IE中就不行了。一个问题似乎是D3对this.style.setProperty和this.style.removeProperty的大量使用，而IE并不认可这一点。
我想知道是否有人知道解决办法或垫片或类似的东西？(顺便说一句，我的JavaScript很差)。
浏览 7提问于2011-04-27得票数 4
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
回答已采纳
1回答
我想做
d3.js可以处理
有没有一种方法可以在给定的坐标上投影条形图，以获得类似于kartograph的结果？
浏览 0提问于2013-01-13得票数 1
1回答
我正在尝试构建一个交互式图表，这是一个表格的形式，它基本上告诉用户某个服务在一年中的某个特定的日子是向上的还是向下的。如果用户单击该字段，它将打开一个新的url，并告诉更多有关该状态的信息。
我在考虑使用d3.js图表，但没有找到任何图表？我能用的东西已经存在了吗？从来找不到表格的形式。
浏览 2提问于2014-09-24得票数 2
回答已采纳
2回答
我使用d3.js生成一些直接位于彼此之上的rects，其方式如下：
var greenRed = d3.select(".green-red").append("svg")
.attr("height", 120);
greenRed.append("rect")
.attr("fill", "green")
.attr("x", 0)
.attr("y", 0)
.attr("height", 50)
浏览 4提问于2013-07-04得票数 1
回答已采纳
我是D3.js的新手。我正在尝试从树布局中删除节点，但我找不到这样做的方法。这是一个示例树布局。
我想像这样动态删除：
我认为我应该对根json对象进行一些操作...
如果你们有想法，请让我知道。
浏览 2提问于2012-11-30得票数 5
我想改变我的d3.js地图中当前选择的功能的颜色。但是，我的代码改变了我点击的每个功能的颜色。如何重置地图，以便当我单击一个功能时，以前单击的所有其他功能都会重置为默认颜色？下面是我的密码。颜色变化发生在“单击”函数上：
function ready(error, us) {
svg.append("g")
.selectAll("path")
.data(topojson.feature(us, us.objects.ecol3_wgs84).features)
.enter()
.append(
浏览 2提问于2017-02-13得票数 4
2回答
在d3.js中，csvParse函数的工作方式如下：
d3.csvParse("foo,bar\n1,2\n2,3");
// [{foo: "1", bar: "2"}, {foo: "2", bar:"3"}, columns: ["foo", "bar"]]
Q1：返回数据的结构名称是什么？尤其是“列”属性？
在d3.js外面，如果我有
var data = [{foo: "1", bar: "2"}, {foo: "2", b
浏览 5提问于2020-10-11得票数 2
回答已采纳
我通过d3.js生成svg图，并单击d3.js生成的DOM附带的事件，但是在d3.js之外预先创建的DOM不会触发事件
//d3.js generated DOM
var marker = layer.selectAll("svg")
.data(data)
.each(transform) // update existing markers
.enter().append("svg")
.each(transform)
浏览 5提问于2016-11-15得票数 0
回答已采纳
2回答
我在d3.js v5中画了一些圆圈。我正在像预期的那样对事件进行鼠标操作，我可以将内容记录到控制台，一切看起来都是正确的。唯一不起作用的部分是当我试着把半径设定得更大的时候。半径大小没有变化。
function handleMouseOver(d, i) {
console.log("over ", d, i);
console.log("this", this)
d3.select(this).attr({
r: 8
});
}
function handleMouseOut(d, i) {
浏览 9提问于2020-09-25得票数 0
回答已采纳
1回答
我正在尝试使用转换来更新条形图，以更改每个条形图的高度和顺序。我需要绑定新的数据，但我一直收到一个错误，我不确定它是指什么，to...can，有人能解释一下吗？
我的代码是：
var bars = d3.selectAll("rect")
.data(csUpdatedData, function(d) { return d.area_title; });
错误是：
d3.js:1009 Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node befo
浏览 2提问于2017-04-22得票数 1
1回答
仍然是d3.js的新手-我想创建一个热图，显示在两个目的地之间旅行所需的时间。假设最终输出应如下所示：
在R中，您可以将宽格式的数据作为data.matrix，然后将其放入gplots的heatmap2中，从而得到一个很好的heatmap。d3.js有没有这样的功能，我可以让我的数据( .csv或.json)像这样宽的格式：
或者是在d3.js中生成一个热图，使用两个for循环在行和列上迭代来创建框，因此我应该使用这样的长格式：
浏览 16提问于2017-06-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
