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
如何在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
回答已采纳
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
回答已采纳
目前我正在摆弄D3.js。它看起来很棒！我想知道D3.js是否适合在一个网页中绘制多个svg元素。我找到了d3.xml方法并使其正常工作。
最初我在玩Raphaeljs，但对于JS新手来说，很难找到有用的tuts/docs。我使用webtool将SVG转换为JSON对象，然后将它们添加到1个js文件中，这需要大量的工作来剥离标签和其他东西。这就节省了HTTP请求。现在我想用D3.js做同样的尝试，看看哪一个适合我。
对于用D3导入多个SVG文件有什么想法吗？
浏览 0提问于2012-12-02得票数 1
我有一个d3.js图表，它是由许多元素组成的SVG。工具提示显示在用户鼠标上方。大多数左右工具提示都部分地隐藏了绘图边(它们被svg元素边缘裁剪，类似于溢出:隐藏将在溢出:隐藏的父元素外部剪切绝对定位元素)。
所以我能给他们看看SVG broders的外面吗？
浏览 0提问于2016-11-13得票数 1
回答已采纳
我通过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，用SVG制作图表。该图使用SVG符号。我有javascript代码来管理这些带有onload事件的项目。
在浏览器中，比如webkit引擎，浏览器运行得非常好。但是Firefox...Firefox不会在SVG中运行任何onload事件。
嗯，我看到了这个bug，并认为Firefox是自由软件，这些人喜欢bug跟踪。我已经上传了bug 。
这些人的反应是"WONTFIX“。
检查bug的示例非常简单明了：
<html>
<head>
<title>test onload event in a sv
浏览 0提问于2016-03-08得票数 1
关于Leaflet.js映射和D3.js外部svg文件，我有一个问题。我想知道如何添加外部svg文件(现在我使用D3.js)到传单地图。
我发现了很多教程，但他们使用的是.json：
我尝试了一切(用我的知识)将外部svg图像移动到传单地图上的覆盖层，但我做不到。
请帮助我：
感谢大家的阅读和回答。:)
浏览 4提问于2015-08-07得票数 5
回答已采纳
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示例合并为一个html文件，并将其放入中。作为参考，下面的两个示例是和。
为了合并这两个文件，我必须使用CSS类并从javascript中调用它们。CSS：
circle.a { stroke: #fff; }
circle.b { fill: none; stroke-width: 1.5px; }
不幸的是，我在从D3调用CSS类时遇到了问题：
var svg = d3.select("body").append("svg:svg")
svg.append("svg:circle[class=a]")
...
var
浏览 0提问于2012-11-28得票数 1
回答已采纳
1回答
我对D3.js很陌生，所以我想知道如何使用d3.select()或d3.selectAll()从已加载的外部SVG中选择一些id。例如:我想选择一些国家，改变他们的颜色和边界，但不能让它在D3.js中工作。相关脚本：
var svg = d3.select("body").append("svg")
.attr("width", 2048)
.attr("height", 982)
.style("fill", "tra
浏览 4提问于2014-05-27得票数 1
回答已采纳
1回答
据我所知，d3.js主要用于SVG，而不是HTML5 5的画布。SVG和Canvas的优缺点是明确的，并且已经讨论过了。现在，我发现可以在d3.js中使用画布，也可以与SVG结合使用。主要原因应该是为大型数据集获得更好的性能(就像cubism.js用于实时数据可视化一样)。我的问题是:当我在SVG上使用画布来获得更好的性能时，我仍然有可能进行交互吗？我知道画布本身允许操作，但它比SVG更难实现。所以，当我使用D3.jsCanvas方法时，我可以维护SVG的交互吗？
浏览 4提问于2014-03-13得票数 1
回答已采纳
1回答
我想知道为什么D3.js不将命名空间属性添加到SVG元素中。
d3.ns.prefix.ex = 'http://example.com/';
var chart = d3.select('#chart').append('svg:svg');
我认为输出应该类似于：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:ex="http://example.com/">
其实这只是
<svg>
有关完整的示例，请参阅此小提琴：
浏览 3提问于2014-07-07得票数 6
回答已采纳
1回答
我在一个楼层平面图查看器上工作，其中一个应该能够选择所说的计划的某些房间。我正在尝试在svg文件的帮助下解决这个问题。到目前为止，我总是直接用javascript生成svg并将其添加到DOM中，同时还添加了所有d3.js功能(缩放、平移)。现在，我正在尝试使用外部svg文件(具有相同的结构)来实现相同的结果。仍然有效的是简单地将这个现在外部的svg文件添加到DOM中，但是我无法添加d3.zoom功能。 我的svg文件结构：<svg><g><image></image>{<polygon><title><title&
浏览 56提问于2021-08-17得票数 1
回答已采纳
我在UI中有一些画布图形(使用chart.js来绘制图形)，我想在angular 6和更高版本中下载图形为svg图像/文件。 我已经通过了许多网站，几乎花了半天，但没有得到任何解决方案，甚至我尝试html2canvas另存为svg文件，但它不支持。有些地方我听说像d3.js和其他一些库有能力绘制svg，但我想保存为svg文件，请通过我的以下代码，任何答案将不胜感激。 .html:-> <div>
<canvas baseChart [data]="pieChartData" id="myCanvas" [labels]
浏览 22提问于2020-04-30得票数 1
1回答
我在向现有元素插入新的同级元素时遇到了问题。
我有这样的结构
<svg>
<g>
<path class="data"></path>
<path class="data"></path>
</g>
</svg>
想要这个结构
<svg>
<g>
<path class="data"></path>
<text></text>
浏览 4提问于2012-10-23得票数 30
回答已采纳
我天真地认为，只要在我的<svg>页面中添加内容的post.md标记就可以了，如下所示：
---
published: true
title: Embeded SVG
---
## title
<svg width="400" height=300>
<circle cx="150" cy="100" r="10" fill="blue"/>
</svg>
但我看到的不是正在显示的图像，而是显示的SVG代码(在Firefox中)。到目前为止，还没有找到任何看
浏览 0提问于2019-01-02得票数 5
回答已采纳
1回答
我想使用媒体查询调整d3.js图表的大小，并应用过渡。html中的图形设置为：
<g id="d3js_graph">
<svg class="d3svg"></svg>
<script src="JS\D3_BarChart.js"></script>
</g>
我对d3svg类应用了一个媒体查询并使用了一个转换：
@media (min-width: 1080px) {
.d3svg {
transform: translate(-30px,-30px); }
浏览 21提问于2019-07-20得票数 0
我在网页上有几张D3.js图表。当用户单击按钮时，新图形将向下滑动，而旧图形将向上滑动。我做了一些研究，发现了一些链接。我想做的事情就是在这里：。但是，我不能让它起作用。下面是一个JSFiddle，它的一些代码非常类似于我的
这是JS代码
$(function () {
$(".show").click(function () {
$(".targetDiv").slideUp("fast");
if ($("#graph" + $(this).attr("target"
浏览 2提问于2013-06-26得票数 0
回答已采纳
2回答
我试图加载外部json文件并将其与d3.js一起使用，但它似乎没有加载(我在浏览器中看不到us-states.json文件)，也找不到任何相关错误。这是我的密码:-
我得到了这个错误:- ActionController::RoutingError (No route matches [GET] "/us-states.json"):
$(document).ready(function() {
//Width and height
var w = 500;
var h = 300;
浏览 4提问于2013-11-01得票数 0
2回答
在d3.js图表中，x轴线(条形和条形标签之间的黑线)在默认情况下看起来是这样的：\x
我如何将此更改为一条直线(两端没有垂直线)？
看看生成的SVG，这段代码似乎决定了这种风格：<path class="domain" d="M0,6V0H824V6"></path>，它是由D3自动生成的。
谢谢!
浏览 1提问于2015-05-29得票数 8
回答已采纳
2回答
我正在做一个关于.epub的研究项目，我一直试图黑进到EPUB中执行JS代码，并显示某种数据可视化。
现在，我正在使用量程从HTML文件创建epub。HTML具有非常简单的D3散点图的代码，当从浏览器打开该文件时，它工作得很好。但是，在创建了口径的.epub之后，页面就是空的。你们知道这是否可能吗？我知道EPUB 3应该有点类似于现代浏览器，所以理论上任何可以呈现到浏览器中的东西在.epub上也是可能的。是因为我要装载d3.js吗？口径不提供任何反馈。
<!-- Code from d3-graph-gallery.com -->
<!DOCTYPE html>
<
浏览 16提问于2022-02-09得票数 0
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回答
我有一个html文件，其中我使用dc.js和d3.js绘制了一些svg。当我将扩展更改为jsp时。它开始投掷：
未定义的ReferenceError: d3未在dc.js中定义
没有线索:( ..。有什么建议吗？
这就是我在html/jsp中使用js的方式。
<script type="text/javascript" src="../javascripts/jquery.js"></script>
<script type="text/javascript" src="../javascripts/d3.j
浏览 3提问于2014-04-06得票数 0
这是我的脚本来创建一个线条图。从d3.json ()命令无法访问json文件。一般来说，我对d3.js很陌生，我正在使用Dimple.js绘制图表，从后端提取数据。我还从我的文件中列出了下面的json内容。
var svg = dimple.newSvg("#charts", 800, 600);
d3.json("C:/dev/reports/data1.json", function (jsonfile) {
// Create a new chart object based on this data and svg
var m
浏览 4提问于2014-07-11得票数 0
回答已采纳
1回答
有没有办法将d3.js用于未嵌入到页面中的svg标记？例如，下面的jsfiddle url展示了一个很好的简单示例，通过嵌入的svg标记来使用d3：
var svg = d3.select("#container svg");
如果我想将svg标记保存在单独的文件中，我将如何(或者我可以)在上面的url中实现示例？
浏览 0提问于2016-09-24得票数 0
1回答
我被困住了.我有一个用D3.js和HTML5构建的项目，所以我使用了很多d3动画，包括条形图、饼图等等。然而，我的公司现在想为我们公司设计某种标志。现在，他们希望这个标志有不同的动画。
所以，本质上有两个部分。有一个标志是正在设计/创建的所有动画(不是d3.js的一部分)。这是一个完全不同的项目，我们正在外包)。然后是我建立在d3.js上的项目。
所以，我不知道我需要从动画师那里请求什么文件类型。我需要能够嵌入到现有的svg元素中。
我试过在svg上玩，看看能不能得到一个swf文件，但是我没有任何运气。我确实意识到我可以添加一个.GIF文件，它可以工作，但是我觉得我们应该获得一个实际的.swf
浏览 5提问于2016-06-16得票数 1
回答已采纳
3回答
使用无头浏览器、google filesytem API或其他方式。
这个问题说你可以，但不是怎么做。 google group有更多的提示，但没有例子。
我花了很多时间研究节点画布示例和phantomJS svg示例。我想不出怎么让他们一起玩。显然，在Linux中，x-windows Javascript渲染引擎并不是很好。
我的JavaScript、d3.js、SVG、CSS和其他HTML阅读列表已经堆积如山--我想做的就是保存一个我用d3.js生成的.svg图像。
请帮帮忙。
浏览 1提问于2012-06-18得票数 1
回答已采纳
我正在为我在d3.js datavizualisation中使用的数据的每个数据点绘制几个元素。这将根据数据创建一个简单的项列表。它的产出如下：
<div>
<p>[Title of datapoint 1]</p>
<svg>[SVG using datapoint 1]</svg>
</div>
<div>
<p>[Title of datapoint 2]</p>
<svg>[SVG using datapoint 2]</svg>
<
浏览 2提问于2020-01-18得票数 1
回答已采纳
我正在构建一个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的结果，因为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
1回答
我对d3.js很陌生，并尝试根据特定条件使用d3.js从文件夹动态加载图像。我正在使用的代码是
var svg = d3.select("body")
.append("svg")
.attr("width", 150)
.attr("height", 150)
.style("border", "1px solid black");
d3.csv("data/Image
浏览 4提问于2016-03-07得票数 1
回答已采纳
我有一个d3.js图，它是由一系列对象组成的，例如：
svg.selectAll(".circ").data(dataArr) // dataArr is my array of objects
.enter().append("circle")
.attr("cy", function (d) {
return d.y
})
.attr("cx", function (d) {
return d.x
})
.attr("r", ele
浏览 3提问于2014-06-27得票数 1
回答已采纳
这是一个问题，我有，并解决了，这似乎足够有用的分享，至少因为我怀疑我会再次遇到这个问题。
问题:读取SVG图像并公开其路径元素
创建散图点，这实际上是可爱的，小的SVG图像从文件，与SVG路径暴露的。对D3.js的兴趣至少在一定程度上是由于它的“无限的灵活性”，如果我只想要一个简单的情节，有比D3更简单的方法。
这意味着：
我希望能够从SVG文件中读取图像。
我仍然希望能够访问SVG路径。在这种情况下，我希望能够根据绑定数据(类似于如何根据数据调整圆半径)来调整徽标中线条的线条厚度。
任何我试图将svg文件作为图像导入的方法(例如通过<selection>.app
浏览 1提问于2018-02-09得票数 0
1回答
我已经从svg文件中加载了一个外部图形，我想在它上进行实验，但不知道如何绘制。我的简单d3代码在这里：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
</head>
<body>
<script type="text/javascript">
d
浏览 3提问于2013-11-09得票数 0
回答已采纳
当用生成的onLoad加载imgGraph的src时，我很难让imgGraph处理程序触发。dataURI是使用画布从d3.js可视化(svg)生成的。
var canvas = document.getElementById(visual + '-canvas');
if(visual == "graph"){
console.log('graph logic n stuff')
canvas.width = 558;
canvas.height = 558;
var graph = d3.select(
浏览 0提问于2017-04-19得票数 3
回答已采纳
我正在使用nvd3.js在一个angular项目中显示图表。我已经创建了以下指令：
.directive('lineChart', function($window) {
return {
restrict: 'E',
scope: {
// Bind the data to the directive scope.
data: '=',
// Allow the user to change the dimensions of the chart.
height: '@
浏览 1提问于2016-02-04得票数 1
svg文档以文件的形式嵌入。
svg-文件：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rd
浏览 4提问于2013-03-10得票数 2
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
2回答
我有一个使用d3.js显示折线图的按钮。但我想在单击相同的按钮时从图表中删除这条线。我已经创建了一个切换按钮，但是如何从图表中删除这条线呢？我有下面的函数来绘制图形。svg.selectAll("path").remove()删除的是轴，而不是直线。
函数文件(PlotGraph){
var color = d3.scale.category10();
var svg = d3.select('#mySvg');
svg.selectAll("path").remove();
var line = d3.svg.line().interpol
浏览 1提问于2014-02-01得票数 7
回答已采纳
我正在使用SVG中的布局生成器，并希望在其中添加拖放和调整大小的功能。我的网页包含一个主画布(SVG)和一些嵌套的SVG。我希望嵌套的SVG(您可以说是子SVG)是可拖动的。我怎么能这么做？我在JQuery中搜索，我们有可拖动的和可调整大小的API，但是它不能在SVG中工作。我如何在d3.js中实现它？任何帮助都会更好。提前谢谢。
浏览 3提问于2017-05-24得票数 1
回答已采纳
我想在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
回答已采纳
3回答
我不太熟悉D3.js SVG的样式，我创建了一个可折叠的树，并将提供一个选项来下载此树为SVG/PDF/PNG。这很有效，但是生成的文件的背景颜色总是透明的。有没有可能创建具有特定背景颜色的D3 SVG？我在我的工作中使用了这个例子：
谢谢!
浏览 0提问于2013-11-22得票数 47
回答已采纳
1回答
我在d3.js (fiddle)中的一个简单动画中遇到了问题 我的目标是当鼠标悬停在红色方块上时，圆圈向下移动50个像素。 当光标悬停在红色方块右上角/左上角的圆上方时，圆将平滑过渡。但是，当我的光标悬停在红色正方形左下角的圆圈内或圆圈下方时，圆圈要么停止移动，要么根本不移动。 我想这与我的动画功能有关。 function mouseOverLogo() {
cir.transition()
.duration(2000)
.attr('transform', 'translate(0, 50)');
}
function mouseOutLogo() {
浏览 33提问于2020-12-29得票数 1
回答已采纳
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 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，但我不能。我有下面的代码，但它没有打印巴西地图。屏幕不显示任何错误，会是什么？我的文件"meso.json“是topojSON格式的，但它已经在d3.js代码中将topojSON转换为GeoJson：
<html>
<head>
<title>D3.js</title>
<meta charset="utf-8" />
<script src="http://d3js.org/d3.v3.min.js">&l
浏览 3提问于2016-11-30得票数 0
1回答
是否可以在Inkscape中以SVG的形式进行图表或可视化，然后让d3.js用正确的数据动态更新它？比如根据一些JSON绘制条形图和更改数字。
我还没有开始使用d3.js，我担心它只能产生SVG本身，并且无法处理复杂的绘图。
浏览 0提问于2015-03-26得票数 1
回答已采纳
我的角应用程序中有一个图表指令，它使用d3.js库。
指令的一部分将鼠标事件处理程序添加到一些svg元素中，如下所示
svg.selectAll('g rect')
.on('click', function(d) {
scope.clickHandler(d, scope.data);
})
.on('mouseover', function () {
d3.select(this).classed('data-item-hover', true);
})
浏览 4提问于2016-03-30得票数 2
回答已采纳
我有一个使用D3.js创建的SVG图表，其中有数据点，当鼠标悬停时会显示出来。
现在，我需要让它支持那些只能使用键盘而不能使用鼠标与图表进行交互的运动障碍者。
我尝试使用tab按钮在图表中导航，但数据点不可聚焦，因此无法显示。
有人能教我如何让它更容易访问吗？
如果D3.js不支持它，你能推荐其他库吗？
顺便说一句，是更好的选择吗？
提前感谢！
浏览 13提问于2021-06-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
