如何使用d3.js将外部组添加到已有的svg？
使用d3.js将外部组添加到已有的svg可以通过以下步骤实现：
- 首先，确保已经引入了d3.js库文件。可以通过在HTML文件中添加以下代码来引入d3.js库：
<script src="https://d3js.org/d3.v7.min.js"></script>- 创建一个SVG元素并设置其宽度和高度。可以使用以下代码创建一个宽度为500px，高度为300px的SVG元素：
const svg = d3.select("body")
.append("svg")
.attr("width", 500)
.attr("height", 300);- 使用d3.json()函数加载外部数据文件。假设外部数据文件是一个JSON文件，可以使用以下代码加载数据：
d3.json("data.json").then(function(data) {
// 在这里处理加载的数据
});- 在加载数据的回调函数中，可以使用d3.select()函数选择要添加组的父元素。假设要将组添加到SVG元素中，可以使用以下代码选择SVG元素：
const svg = d3.select("svg");- 使用d3.selectAll()函数选择要添加的组元素。可以使用以下代码选择所有的组元素：
const groups = svg.selectAll("g")
.data(data) // 使用加载的数据绑定组元素
.enter()
.append("g");- 在选择的组元素上添加其他元素，例如矩形、圆形、文本等。可以使用以下代码在每个组元素上添加一个矩形：
groups.append("rect")
.attr("x", function(d) { return d.x; }) // 根据数据设置矩形的x坐标
.attr("y", function(d) { return d.y; }) // 根据数据设置矩形的y坐标
.attr("width", function(d) { return d.width; }) // 根据数据设置矩形的宽度
.attr("height", function(d) { return d.height; }) // 根据数据设置矩形的高度
.attr("fill", function(d) { return d.color; }); // 根据数据设置矩形的颜色以上代码假设数据文件中的每个对象都包含x、y、width、height和color属性，可以根据实际情况进行调整。
这样，就可以使用d3.js将外部组添加到已有的SVG中了。根据具体需求，可以在组中添加其他元素或应用其他d3.js功能来实现更复杂的可视化效果。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议在腾讯云官方网站上查找相关产品和文档。可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
1回答
我有一个svg，我正在尝试使用d3.js访问和修改它。svg文件名为us-map.svg。我在我的html中包含了对svg的引用，如下所示：
<object id="imgMap" data="us-map.svg" type="image/svg+xml">
</object>
我可以在我的镀铬手表面板中选择这样的imgMap：
var imgMap = d3.select('#imgMap')
但是，我无法选择子元素。例如，我的imgMap svg有几个子<g>元素，但是子元素没有随此函数返
浏览 1提问于2016-09-22得票数 1
1回答
当使用D3.js单击外部SVG文件时，我试图旋转它。我注意到SVG只允许在<g>、<circle>和<rect>等标记上旋转。我想不出办法来完成这个任务。
HTML：
<div id="canvasdiv" style="border: 1px solid black; width:800px; height: 600px"></div>
Javascript：
// CREATE SVG DRAWING CANVAS
var paper = d3.select("#canvasdiv"
浏览 2提问于2013-12-09得票数 1
回答已采纳
1回答
为什么我在这里拿不到日志？我将数据附加到父组中，创建的子组应该继承它，对吗？
在这里，我创建了一个新的SVG组，并附加了数据，对于每个单独的数据单元，我希望创建一个组。请帮我找一下我丢失的地方好吗？
代码：：
var svg = d3.select('body')
.append('svg')
.attr('width', 600)
.attr('height', 300)
.data([[20,30],[40,50]]);
var g = svg
.selectAll('g')
.enter()
.appe
浏览 1提问于2016-12-22得票数 0
1回答
我没有得到任何散点图d3.js的结果，因为x&y axis.Also数据绘制出现在svg边界之外。提前谢谢。我面临着两个问题。不显示X轴和Y轴。另外，数据绘图在graph.Anyone之外，border.the绘图在svg之外，请帮助。提前谢谢。
const svgHeight = 750,
svgWidth = 1000,
margin = {top: 10, right: 50, bottom: 100, left: 50},
dim = {
width : svgWidth - margin.left - margin.right,
height
浏览 0提问于2018-10-06得票数 0
2回答
我试图旋转一个svg元素的内容使用d3.js，但它总是从viewbox，我想要实现的是旋转svg在地方，然后我可以旋转svg到0,90,180,270deg，但现在我的目标是旋转它在地方。
我的代码如下(我删除了不相关的代码)
var svgContainer = d3.select("body").append("svg")
.attr("width",121)
浏览 35提问于2017-06-29得票数 1
回答已采纳
下面的柱塞用一张美国SVG地图显示了我的粗略动画。
<svg id="svg" width="100%" height="100%" viewBox="0 0 959 593"></svg>
联署材料：
var states = s.selectAll('.state');
states.forEach(function(element) {
element.click(function(){
this.attr({
fill: '
浏览 5提问于2016-01-26得票数 0
回答已采纳
我通过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
回答已采纳
我可以使用d3.js成功地显示openlayers底图上的一些点，但是我想实际显示图标(目前是maki png图标)而不是svg点。
可以使用d3.js将png/jpg/svg图像加载到地图中吗？
到目前为止，我可以将图标直接加载到svg上，但是所有的标记都位于同一位置，所以我认为我在正确转换坐标时遇到了问题。
var feature = svg.selectAll("path")
.data(amenities.features)
.enter()
.append("svg:image")
浏览 3提问于2014-05-23得票数 4
1回答
我尝试在由D3.js操作的SVG中显示一个度字符(°)。到目前为止，我已经尝试了不同的字符集，但我总是得到一个�，并且以下字符代码只是将它们自己显示为常规文本：°或°。
我使用的是<meta charset="UTF-8">。
您将如何显示该符号？也许我可以设置一个SVG属性？
浏览 19提问于2018-08-30得票数 3
回答已采纳
var k = -1;
someCircle.attr("cy", someScaleObject(++k));
所有的圆都有相同的y对齐，而期望的行为是把每个圆圈画在另一个下面。奇怪的是，如果我通过一个匿名函数返回someScaleObject(++k)，这就达到了预期的效果。为什么？作者还在匿名函数的范围内声明了一个d变量，尽管它没有任何用途。有人能解释原因吗？
// Works as expected
someCircle.attr("cy", function () {
return someScaleObject(++k);
});
完整的代码
浏览 4提问于2020-08-11得票数 1
回答已采纳
如何在svg文件中直接导入D3.js脚本？
我试试这个
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
但是当我在浏览器中打开svg文件时，在同一个文件中的另一个脚本中使用d3.select和其他d3函数的代码不能工作。
浏览 4提问于2014-03-09得票数 0
回答已采纳
我的D3.js代码在这里：
我试图将图形插入到rails应用程序中的这个haml视图容器中：
%section.content
.row
.col-xs-12
.panel.panel-primary
.panel-heading
%h3.panel-title
%i.fa.fa-bar-chart-o
Charging Sessions
.panel-body
#charging-sessions-chart
我知道问题从第119行开始，在第119行中，我将d
浏览 2提问于2016-01-19得票数 1
回答已采纳
我有一个d3.js图表，它是由许多元素组成的SVG。工具提示显示在用户鼠标上方。大多数左右工具提示都部分地隐藏了绘图边(它们被svg元素边缘裁剪，类似于溢出:隐藏将在溢出:隐藏的父元素外部剪切绝对定位元素)。
所以我能给他们看看SVG broders的外面吗？
浏览 0提问于2016-11-13得票数 1
回答已采纳
我正在做一些D3.JS操作，要求我使用SVG路径而不是基元/形状(折线，recs等)。
这个问题很常见，但我想知道是否可以使用D3或其他脚本/库将任何SVG原语转换为路径。
作为参考，这里有一个针对折线的链接：
我想对每个原语都这样做。有什么想法吗？这个是可能的吗？
浏览 0提问于2015-07-23得票数 5
1回答
d3js缩放圆群
、、、
我是第一次尝试d3.js变焦行为，我很难让它发挥作用。我的要求是在svg元素中进行缩放，在svg元素中应该禁用浏览器的缩放行为，并且只有svg中的圆圈在放大/退出时应该增加/缩小其半径。
总之，当用户滚动鼠标的svg宽度时，高度不应改变。只是圆圈应该改变半径。
这就是我现在所拥有的，有人能帮我填一下吗？
<g>
<circle id='top' cx="180" cy="120" r="30" style="stroke: white; stroke-width: 2px; fill:whit
浏览 3提问于2015-11-24得票数 0
回答已采纳
2回答
我试过一种密码，但它确实有效。您能提出解决错误的方法吗？我对可视化很陌生，在d3.js的初级阶段
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"> </script>
</head>
<body>
<div id="viz"></div>
<script type="
浏览 1提问于2015-06-25得票数 2
回答已采纳
2回答
我希望用户能够在SVG画布上画一条线。首先，显示一个由1px和1px矩形组成的“粗糙路径”，然后当用户释放鼠标时，他所跟踪的行被转换为SVG <path>。这是创建矩形的代码：
var svg = d3.select('#svg-overlay'); //SVG Canvas
var roughPath = [];
( ... )
var tx = Math.round(e.pageX - offset.left);
var ty = Math.round(e.pageY - offset.top);
roughPath.push(svg.append('
浏览 1提问于2013-10-17得票数 0
回答已采纳
1回答
我之所以写信给你，是因为我正在努力使用D3.js (D3-selection)来移动SVG中现有的元素位置。 我见过很多创建新元素的示例，但在这里，我的元素已经创建好了。 我的svg中有这样的结构： <g id='maingroup' class='main'>
<title>titlemain</main>
<text id='text'>textContent</text>
</g>
<g id='othergroup1' class=&
浏览 59提问于2021-07-09得票数 3
回答已采纳
我一直试图使用d3.js显示一个使用两个输入字符串的表，我添加了下面的代码。当显示第二个字符串时，只显示索引大于字符串x长度的字符。
我认为这与匿名函数有关，在迭代第二个字符串时，我从它在第一个字符串中完成的索引值开始，例如，只从第二个字符串显示"fo“，而不是"fresihnfo”。有人能给我一些关于如何解决这个问题的建议吗？
谢谢!
var x = ["a", "e", "d", "i", "r", "z"];
var y = ["f
浏览 1提问于2014-01-02得票数 0
回答已采纳
1回答
我原以为d3.js append函数返回附加到所选内容的对象，但我发现以下两个代码块给出了不同的结果：
var svg = d3.select("body")
.append("svg")
.attr("width", fig_width)
.attr("height", fig_height);
svg.append("g")
.attr("class", "graph")
.attr("tr
浏览 2提问于2015-04-16得票数 5
回答已采纳
3回答
我使用d3.js动态创建SVG格式的图表。这些图表是根据经过身份验证的用户的选择动态生成的。生成这些图表后，用户可以选择将生成的SVG下载为PNG或PDF格式。
当前工作流程如下所示：
// JAVASC
// get the element containing generated SVG
var svg = document.getElementById("chart-container");
// Extract the data as SVG text string
var svg_xml = (new XMLSerializer).serializeToString
浏览 6提问于2012-12-21得票数 10
2回答
我正在使用d3.js创建一个条形图。在每个栏的顶部，我将显示一些文本。当用户悬停在条形图上时，应该显示文本。当他们悬停的时候，文字就会消失。为了做到这一点，我需要将<text>和<rect>元素分组到<g>元素中。
示例
<g class="gbar">
<rect x="0" y="50" width="10" height="50" />
<text x="15" y="40">A</t
浏览 2提问于2016-12-16得票数 7
回答已采纳
1回答
使用d3.js将标签与条形图对齐
、、、、
我正在尝试配置条形图，但在标记rect元素本身时遇到了问题。这是我目前所拥有的和我得到的输出：
svg.selectAll("svg")
.data(chartData)
.enter()
.append("text")
.text(function (d) {
return d.value;
})
.attr("x", function (d, i) {
浏览 1提问于2016-07-05得票数 0
关于Leaflet.js映射和D3.js外部svg文件，我有一个问题。我想知道如何添加外部svg文件(现在我使用D3.js)到传单地图。
我发现了很多教程，但他们使用的是.json：
我尝试了一切(用我的知识)将外部svg图像移动到传单地图上的覆盖层，但我做不到。
请帮助我：
感谢大家的阅读和回答。:)
浏览 4提问于2015-08-07得票数 5
回答已采纳
我有一个由GraphViz工具生成的网络图(节点和边)。我想让图表在某种意义上是交互式的，它应该是可拖动的，点击一个节点就可以让其他一些节点成为hidden.ETC。有人能建议snapSVG就足够了吗？我不能在SVG图中添加任何我的限制。我们如何才能使现有的svg图强制定向？任何帮助，起点，小提琴都将是有帮助的。我手头有d3.js，d3.js能实现吗？
浏览 13提问于2014-03-24得票数 0
1回答
d3.js手绘
、、、
我有一个包含各种图像的SVG，它都连接到D3.js的缩放功能。因此，当我缩放时，所有的图像都会相应地缩放。我的下一步是添加绘图(手绘)功能。当我在使用D3.js之前创建它的时候，我只是使用一个html画布并在上面绘图。然而，它似乎并不想很好地使用d3.js。我不能在svg中使用相同的画布绘制方法，因为我的其他图像在svg中。从本质上说，我希望能够手绘，以便这个“手绘画布”将与SVG内的图像缩放。1- d3.js是否包含任何类型的手绘库功能？你能给我指出正确的方向吗? 2-如果没有，有没有其他方法可以让画布和svg一起缩放呢？
编辑
这里我们尝试使用d3.js来缩放画布(第一部分是我用来缩放SV
浏览 2提问于2015-04-29得票数 0
1回答
我是d3.js的新手，我有一个水平的div，我也想添加刻度线。通过一个例子，我能够在垂直线上创建刻度线，但是当我尝试使用var svg = d3.select("#bar")将其附加到#bar时，刻度线消失了。应该如何将刻度标记附加到div？
var svg = d3.select("svg"),
margin = {top: 20, right: 0, bottom: 20, left: 0},
width = svg.attr("width") - margin.left - margin.right,
heigh
浏览 13提问于2017-07-27得票数 1
回答已采纳
1回答
我制作了一个模块，用于绘制包含d3.svg.brush()的条形图。我的部分代码是
Bar.prototype.init = function ( ) {
//...
this.brush = d3.svg.brush()
.y( this.y)
.on("brushend", this.brushend);
console.log(this.brushend); // works
}
Bar.prototype.brushend = function() {
浏览 0提问于2015-12-03得票数 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
回答已采纳
我在网页上有几张D3.js图表。当用户单击按钮时，新图形将向下滑动，而旧图形将向上滑动。我做了一些研究，发现了一些链接。我想做的事情就是在这里：。但是，我不能让它起作用。下面是一个JSFiddle，它的一些代码非常类似于我的
这是JS代码
$(function () {
$(".show").click(function () {
$(".targetDiv").slideUp("fast");
if ($("#graph" + $(this).attr("target"
浏览 2提问于2013-06-26得票数 0
回答已采纳
我试图找出是否有可能将现有的外部SVG映像(保存为.svg)插入到用Javascript呈现的SVG对象中(在我的例子中，使用d3.js)。
我似乎找不到任何与此相关的东西，但这似乎是相当明显的事情要做。我想我总是可以把它作为一个模式来附加，但是考虑到这似乎是不正确的。
提前感谢！
浏览 4提问于2014-05-27得票数 2
回答已采纳
帐户/组织级别的webhook是Gitlab中的一件事吗？我正在创建一个成员站点，当用户注册时，我想要触发一个webhook，它会将他们添加到一个私有的Gitlab组织，这样他们就可以看到组的所有存储库。使用Gitlab可以做到这一点吗？我所能找到的只是项目级别的webhook，即当更改被推送、提交被添加、合并请求被启动时，等等。
浏览 11提问于2020-02-12得票数 0
回答已采纳
我尝试使用D3.js的d3.behavior.drag() drag事件来更新我的数据模型(不立即设置元素位置)，然后运行我的"draw“函数来更新基于更新后的模型的所有元素。此外，我在包含的group元素上使用了translate transform，以便移动与拖动的对象相关的所有元素(我从下面链接的示例中删除了多余的元素)。这会导致拖拽的元素在拖拽时卡顿，拖拽速度越快，情况会变得越糟。
参见。
以下是示例的代码：
blocks = [
{ x: 0, y: 0 }
];
drag = d3.behavior.drag()
.origin(Object)
.on(
浏览 1提问于2012-10-26得票数 20
回答已采纳
2回答
在d3.js图表中，x轴线(条形和条形标签之间的黑线)在默认情况下看起来是这样的：\x
我如何将此更改为一条直线(两端没有垂直线)？
看看生成的SVG，这段代码似乎决定了这种风格：<path class="domain" d="M0,6V0H824V6"></path>，它是由D3自动生成的。
谢谢!
浏览 1提问于2015-05-29得票数 8
回答已采纳
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
如果我的DOM中有一个目标div，例如。
<div id="graph"></div>
我可以巧妙地在这个div中创建一个地块(下面是一个完整的例子)：
Plotly.newPlot('graph', data, layout);
这将在div中创建一个嵌套结构，其中包含一个svg元素。那个svg元素有一个等高线图，由一些元素表示(参见下面的DOM结构)。效果很好。
但是，我有一个已经存在的svg元素(用d3.js创建)，我希望在我的目标svg组中巧妙地包含一个轮廓图。
<div id="myDiv">
&
浏览 2提问于2016-05-25得票数 2
回答已采纳
我用D3.js在ObservableHQ.com中制作了一个简单的缩放和潘笔记本，我有两个问题：
如果curson在黑色方块上(即SVG)，它就不会再点击和拖动了！如何在任何时候都允许拖动？
如何禁用缩放功能时，鼠标滚动，并保持摇摄？
非常感谢!
我尝试过不同的代码，但是我发现的简单代码不像我想的那样。
浏览 12提问于2022-11-15得票数 0
我正在构建一个d3.js可折叠树，并在我的工作中使用了这个()示例。这很好用，但我也将提供一个下载/导出此树为SVG/PDF/PNG的选项。我找了很长时间来处理这个问题，但结果总是一样的。由此产生的SVG/PNG是错误的。确切地说，树的节点之间的链接是错误的。
我尝试了这些方法：
tp://jsfiddle.net/plaliberte/HAXyd/
tp://d3export.ancan.cshl.edu/
为了更好地理解这张图片！
谢谢!
浏览 1提问于2013-11-21得票数 2
回答已采纳
1回答
如何将d3.js (v4)与聚合物2.0元素结合使用？
或者如何在已经扩展另一个类的类中使用库？
试图创建一个聚合物d3元素，以利用聚合物的双向数据绑定和d3的语法和功能。以便数据可以绑定到聚合物属性并传递给d3.data()函数？
当前，在类中声明d3返回未定义的。类是否需要使用d3作为参数进行实例化？它似乎适用于聚合物1.0。另一种方法是在类之外创建一个函数并调用它，但是它很难看。最好在类内使用d3。
还是有更干净更好的方法？
例如：
<script src="../../bower_components/d3/d3.js"></script>
va
浏览 3提问于2017-03-31得票数 2
回答已采纳
1回答
D3编码顺序
、、、
我不清楚必须编写D3代码的模式。
在下面的代码片段中，如果我提到在创建svg元素后的代码的第3部分(图表标题)，我的图表不会显示标题文本，但是如果我在创建svg之前提到了第3部分，它就会简单地工作。
为什么?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
circle.dimple-series-1{
fill: red;
}
h2{
color: black;
text-ali
浏览 1提问于2015-01-26得票数 0
回答已采纳
1回答
我使用d3.js库绘制了一个SVG线条图网格，其中每个行图都是包装器div中的一个自己的<svg>标记，如下所示：
<div id="main-container" style="overflow-x: scroll">
<div class="wrapper-div" style="transform: translate([dynamicaly calculated])">
<svg>...</svg>
</div>
浏览 1提问于2019-06-04得票数 1
回答已采纳
2回答
d3.js力图
、、
我正在开发一个d3.js力图应用程序。我很好奇，我将如何用图像替换中心的蓝色圆圈。在圆圈的背景上有一个图片url -所以有一张圆形的图片？
所以可以使用后台url来代替fill吗？
var circle = svg.append("svg:g").selectAll("circle").data(force.nodes()).enter().append("svg:circle").attr("r", function(d) {
return getRadius(d);
}).style("
浏览 2提问于2014-02-12得票数 2
我目前正在处理一个问题，它需要我的web应用程序生成一个表示大约50k到60k个数据点的图表。它的加载速度相当快(~6秒)，但我想知道是否可以使用D3.js在Web Worker中生成图形，然后将SVG传递回页面中。
浏览 1提问于2012-06-12得票数 10
回答已采纳
2回答
我试着给SVG的img打个头衔。标题在图片的底部。代码如下：
<svg>
<image>
</svg>
如何在不使用内部的情况下实现这一点？如果可能的话，我也想用D3.js制作它。
谢谢。
浏览 2提问于2015-07-02得票数 1
回答已采纳
我在d3.js中有两个简单的物体，它们应该绕着视口的中心旋转(就像围绕太阳的行星)。
我是d3.js的新手，我知道我必须使用过渡，但由于行星必须一直绕圈，而不仅仅是在进场或退出时，我不知道在哪里以及如何设置过渡。
以下是我的当前代码：
var planets = [
{d:100,r:2},
{d:150,r:4}
];
var w = 500, h = 400, svg, circle;
function init(){
svg = d3.select("#drawArea").append("svg").attr({width:
浏览 4提问于2013-02-14得票数 8
回答已采纳
1回答
下面的代码适用于D3 V3，而不是D3 V4，如何纠正它？
<!DOCTYPE html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.8/d3.min.js" type="text/JavaScript"></script>
<!--script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.9/d3.js" type="text/JavaScript">
浏览 1提问于2017-10-08得票数 2
回答已采纳
这个很棒的展示了如何更新所有的svg元素。如何只选择一个元素并对其进行更新？我知道如何在D3.js中添加事件侦听器来更新单个元素，但如果由于某些外部因素而需要更新元素怎么办？谢谢。
浏览 0提问于2013-06-06得票数 1
回答已采纳
我把我所有的SVG图标存储在一个精灵中，然后像这样使用它：
<ion-nav-title>
<svg class="dropShadow">
<use x="0" y="0" xlink:href="img/sprite.svg#logo1"></use>
</svg>
</ion-nav-title>
它在iOS 9.2上工作得很好，但是在iOS 9.3上所有的图标都丢失了。那是窃听器吗？有什么想法吗？
谢谢。
浏览 5提问于2016-03-24得票数 1
回答已采纳
1回答
我编写了一个返回svg的函数，但遇到了一个错误()：
创建钩子中的错误："TypeError:无法读取未定义的属性‘前缀’“
我是这样添加库的：
import * as d3 from 'd3'
markerSvgIcon (options) {
const svg = document.createElementNS(d3.ns.prefix.svg, 'svg')
// eslint-disable-next-line no-unused-vars
const triangle = d3.svg.symb
浏览 4提问于2020-02-18得票数 0
回答已采纳
1回答
我对D3.js还不熟悉，我一直在关注。
我不明白为什么circle.style(“填充”、“钢蓝色”)、下面的不起作用；但是如果将样式行放在circle.enter().append(“圆圈”)之后，则可以填充所有圆圈的颜色。据我理解，样式是全局的，应该应用于所有的圆圈，或者至少在下面的代码中影响html中的现有圆圈。
//js
var svg = d3.select("svg");
var circle = svg.selectAll("circle").data([32, 57, 112, 293], function(d) { return d; });
浏览 2提问于2015-08-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
