由于我离线了一段时间，我正在为d3js库寻找一个可下载的示例集合。有没有办法在不给网站制造麻烦的情况下从下载示例和/或从下载示例？或者，是否有人从这些来源收集了示例作为捆绑下载？
谢谢，伙计们
马丁
浏览 1提问于2013-10-03得票数 2
1回答
我有一个Javascript Plotly图表，没有一个标题，我提供下载PNG图像。图像应该有一个标题，所以我尝试在下载它之前将它添加到SVG树中：
d3.select(".main-svg .draglayer")
.append("svg:text")
.attr("id", "svgtitle")
.attr("x", 50)
.attr("y", 50)
.attr("text-anchor"
浏览 1提问于2020-06-15得票数 0
回答已采纳
1回答
局部保存d3js图
、、、
我正在使用d3js创建一个地块。我还想让用户能够在他的电脑上本地保存这个地块。因此，我使用了中提到的代码的稍微改变的版本来创建该情节的可下载图片。
因此，我有以下代码：
$("svg").attr({ version: '1.1' , xmlns:"http://www.w3.org/2000/svg"});
var svg = $("#chart-main").html(); var b64 = btoa(unescape(encodeURIComponent(svg)));//Base64.encode(svg); //
浏览 2提问于2014-07-19得票数 1
1回答
我有一些用D3js创建的图表，我想通过JavaScript转换成一个PNG图像，这样用户就可以下载图表了。
我看到了将SVG转换为画布并将画布转换为图像的解决方案。这对我不起作用，因为SVG使用类来对元素进行样式化(这是我不希望因为可操作性而更改的)，这会导致整个画布变成黑色，线条非常粗。
是否可以直接将SVG图表转换为PNG？
该页面位于Rails项目中，因此它不必是一个纯JavaScript解决方案，但我更愿意使用JavaScript来实现它，这样也可以在其他项目中实现它。
浏览 2提问于2013-10-15得票数 6
回答已采纳
我需要json文件中的最小值和最大值(在名为size的文件中)。如何使用d3js和javascript？有什么机会迭代json文件？
示例json：
原始d3js可视化
如何使用像这样的复杂json文件获得相同的结果：
对于整个项目、包和类都有度量标准(Klassen)。如何获得类的最小和最大LinesofCode (克拉森)？
浏览 2提问于2014-07-25得票数 0
回答已采纳
我想用构建一个'heatmap‘(这里是d3js )。热图显示某一事件(编码为Y)何时被某一站(编码为X)所观测，当它未被观测时必须包含灰色正方形，当它是观察者时必须包含绿色的。我知道如何执行绘图本身，但我需要将数据提供给d3js。
我有如下形式的数据，表明哪些站看到了事件。我总共有20个活动和30个电台。没有看到事件的电台没有列出。
avail = [
{
event: 1,
stations: [1, 3, 4, 5, 6, 7]
},
{ event: 2,
stations: [1, 2, 4, 5, 6, 7]
},
{ event: 3,
浏览 1提问于2014-03-22得票数 0
回答已采纳
1回答
我得到了一张拉特/长投影的地图，由于纬度较高，它变得相当平坦，例如：
为了使它看起来好看，我知道我可以垂直拉伸它140%，如下：
另外，如何将我的SVG元素及其内容显示在D3 ? (我不能使用CSS，因为底层的SVG本身就不太好了)。我需要扩展SVG代码，允许下载)
注意:对于一个在线代码示例，我得到了 (印度只需要106%的扩展，但想法相同)。
浏览 1提问于2013-08-27得票数 1
回答已采纳
我的js对象：
data_obj = {'p1': 1, 'p2':2, 'p3':3}
我的阵列
data_array = ['p1', 'p3']
现在，我想根据数组过滤对象。预期结果是
fil_obj = {'p1': 1, 'p3':3}
现在，找到具有最大值的键。预期结果是
p3
因为我有成千上万个项目的对象，所以我希望有一个非常有效的解决方案。由于我在这个项目中使用了d3js，基于d3.max这样的基于d3js的解决方案将是很棒的。
浏览 2提问于2016-08-11得票数 0
回答已采纳
2回答
我有一个和D3js 一起工作的。
我希望能够将它保存为与中显示的目录相同的图像
d3.select('#saveButton').on('click', function(){
var svgString = getSVGString(svg.node());
svgString2Image( svgString, 2*width, 2*height, 'png', save ); // passes Blob and filesize String to the callback
function save( data
浏览 3提问于2018-05-23得票数 3
回答已采纳
1回答
如何用d3js建立量表？
、、、、
我正在尝试构建一个条形图，但是一直都有这样的错误：
SyntaxError: missing ) after argument list
它说问题在.range()方法的行中，但我没有看到。在我看来一切都很好。
我从这里下载了数据集：
let url = "data.json";
var svg = d3.select('body')
.append('svg')
.attr('width', 900)
.attr('height', 460);
var yScale;
var a
浏览 3提问于2021-12-29得票数 0
回答已采纳
1回答
我正在寻找一种将分类数据添加到d3js平行坐标的方法。D3js对我来说是新的，我可以理解一些正在做的事情，但还不能想出一种方法来做到这一点。并行集不是一个好的选择，因为我的大部分数据都是连续的。
如果你想到汽车的例子，我希望能够在一个轴上按品牌过滤(例如，过滤器，以便只显示有关福特的数据)。我假设需要一个变量来定义每辆车(例如。标致、福特、宝马、奥迪等)
这是一个汽车的例子。
感谢所有回复的人。
浏览 2提问于2012-11-05得票数 7
3回答
是否有在d3js布局(强制定向或树)中搜索元素并突出显示该元素的示例？
我认为应该有一个文本字段，用户可以在其中输入要搜索的值。
浏览 0提问于2012-12-05得票数 6
回答已采纳
1回答
我正在尝试使用D3js时间来解析这个时间戳。
11-01-2017 1:48:00 PM
我已经打字了
var parseDate = d3.timeParse("%d-%m-%Y %H:%M:%S");
但这是行不通的。
浏览 3提问于2017-04-10得票数 2
回答已采纳
1回答
我一直在寻找这个问题的答案，我有一个D3Js图表的形式，svg.The svg具有循环、文本、行、图像(以.png形式)的属性，.I可以将D3Js图表作为.png文件下载，但是我无法从图表中获取图像！.i已经查看了html2canvas，但它不支持svg格式。
html
<button id="save" class="btn btn-primary "
style="margin-left: 5%;width: 10%;height: 70%;margin-top: 0%;" ng-click="">
浏览 3提问于2017-01-08得票数 0
1回答
d3js可缩放图标数据
、、、
我想修改d3js的图，使其包含我自己的数据。但是，我找不到"readme.json“文件来修改数据，也不能在本地渲染图形。我在哪里可以找到这个文件，或者如果我创建了自己的json文件，应该如何格式化数据？
浏览 1提问于2013-01-16得票数 0
回答已采纳
2回答
我从D3js示例中创建了一个简单的区域图。现在，我希望将区域图的完整代码导出到xml中，以便任何最终用户都可以手动更改xml数据，然后保存并使用它。有什么方法可以实现吗。
浏览 0提问于2014-09-17得票数 1
回答已采纳
是否可以创建不同d3js图形类型的选择列表，一旦用户选择了一个选择，该图形将出现在页面的所有空间中，当他选择另一个类型时，该区域将被划分为两个空间，显示相同数据的两个图形等。
浏览 1提问于2013-10-21得票数 0
我想创建一个分组条形图，其中每个条形图都是唯一的，而不是序列的一部分。
例如，想象一个条形图，显示每个主要城市的人口，按州分组。
有没有可能使用d3js，以及如何入门的任何指导？
谢谢
浏览 13提问于2021-03-04得票数 0
回答已采纳
1回答
我使用最近的d3js和强制布局来创建交互式图形，如下所示：
所需经费如下：
节点可以被拖动(惯性拖动)
节点在命中边界时会反弹回来。
节点之间不重叠(我可以根据碰撞检测示例来完成)
谁来帮我1和2。
这个问题的背景是相关的问题。
谢谢。
浏览 0提问于2015-05-27得票数 1
回答已采纳
1回答
我正在用d3js做一个散点图，它隔离了冬季的月份。有没有一种快速而简单的方法来格式化x刻度，使我在从3月到12月的图表中没有间隙？我希望x轴的范围是从12月21日到3月21日：
浏览 1提问于2014-04-02得票数 1
0回答
我是计算机编程和d3js的新手。我正在尝试复制在d3js网站上找到的条形图。我准确地复制了代码，并创建了一个包含创建条形图所需数据的CSV文件。但是每当我尝试运行代码时，轴是唯一出现的东西。我不确定错误是否在CSV文件中，也不确定我如何尝试调用数据。我只知道错误出在我的某个地方。
以下是CSV文件的示例(压缩)：
id,case,date
10097071,HY285524,06/02/2015 09:41:19 PM
21907,HY291065,06/07/2015 03:50:00 AM
21908,HY291065,06/07/2015 03:50:00
浏览 5提问于2016-07-19得票数 0
2回答
我对D3js很陌生，在开始使用之前，我想了解内核和插件的版本是如何管理的，这样我就不会被一个旧的不受支持的版本所困扰，或者使用一些过于实验性的东西。
如果我查看发布历史，我会发现v4是在Jun 2016 ()和v5 in Jan 2018 ()中引入的。
然而，当我查看图库上的D3js代码()时，我发现大部分代码都是基于v3的，后者是2的主要版本。
例如，如果我使用一个，它仍然是基于v3的，如果我试图用v5替换它，它就会中断。
另一个例子是：，以及当时和2017年4月的答案
因此，v4/v5似乎与v3完全不同，甚至不向后兼容。
因此，我提出以下问题：
v5在多大程度上向后兼容v3
浏览 0提问于2018-07-23得票数 6
回答已采纳
1回答
我想要这样的map函数：
for 0 <= x < 0.96, returns 'red';
for 0.96 <= x < 0.98, returns 'yellow';
for 0.98 <= x <= 1, returns 'green'.
我试着使用它，但它并不像我预期的那样工作：
//<0.96: Red, 0.96 - 0.98: Yellow, 0.98-1: Green
var color = d3.scale.quantize()
.domain([0, 0.96, 0.98,
浏览 1提问于2015-03-23得票数 0
2回答
protovis和d3js等现代javascript库中可能出现的所有很酷的东西都给我留下了深刻的印象。作为一名生态学家，我有大量的数据，这些数据将完美地应用于这些先进的可视化技术。遗憾的是，在下载了d3js库之后，我已经迷路了。:(
我在上读到，为了运行示例，必须设置一个本地主机。我在windows7系统上安装了xampp系统。Localhost/xampp告诉我一切都很好，但是我仍然无法运行大多数示例。例如，"albers“只显示一个灰色的框。示例"bar“确实可以正常运行(我想)。
谁能给我一个提示如何在windows7上正确入门？非常感谢教程的链接。如果我找到了正确的方
浏览 0提问于2012-10-03得票数 3
回答已采纳
请参阅think：
我试图使用javascript使用D3JS绘制一个圆圈。我的script.js文件定义了圆圈。
d3.select("body")
.append("svg")
.attr("width",50)
.attr("height",50)
.append("circle")
.attr("cx",25)
.attr("cy",25)
.attr("r",25)
.style("fi
浏览 4提问于2015-11-30得票数 0
回答已采纳
给定对适当的topojson和位图的访问，我使用topoJSON文件通过D3js生成SVG。然后，我通过以下方式给它添加了一个位图：
// Append bitmap
svg.append("image")
.attr("xlink:href", "./myimage.png")
.attr("width", width)
.attr("height", height)
.attr("class", "bg");
但这实际上只是
浏览 6提问于2014-05-22得票数 1
1回答
我正在学习d3js，并停留在一些简单的步骤上。我正在导入json数据，只需要过滤2010年的数据。这是我的导入部分：
d3.json("data/data.json").then(data => {
data.forEach(d => {
d.income = +d.income
d.life_exp = +d.life_exp
d.year = +d.year
})
})
我需要在哪里以及如何添加过滤部件？
浏览 0提问于2021-04-17得票数 1
我正在用d3js绘制散点图。使用具有1,2,3,4,5的简单线性比例。这将创建相等的空间，如：
1 2 3 4 5
问题是，我有更多的数据点在2和3之间，3和4之间。更少的数据点在1和2，4和5之间。是否可以将比例配置为：
1 2 3 4 5
或者我应该尝试一些其他的尺度，而不是线性尺度？请提个建议。
浏览 2提问于2015-10-02得票数 0
1回答
可着色树
、、
我是D3Js开发的新手。在尝试树布局时，我无法理解使用d.id的关键函数。id是什么意思，这里的关键功能是什么？请帮帮忙。
function update(source) {
// Compute the new tree layout.
var nodes = tree.nodes(root).reverse(),
links = tree.links(nodes);
// Normalize for fixed-depth.
nodes.forEach(function(d) {
d.y = d.depth * 180;
浏览 1提问于2014-11-10得票数 0
回答已采纳
1回答
D3js的数据文件大小的限制因素是什么？文件从服务器加载到客户端需要多长时间？
我试图创建一个芝加哥的路线图，在那里你可以悬停在道路上，得到它的名字，并突出它。来自城市的文件大小为125 MB。通过删除不必要的信息，我将其简化为30 MB，然后将其转换为TopoJSON文件，使其降至5.1MB。这是一个难以控制的文件大小吗？
浏览 1提问于2014-02-22得票数 5
我为D3js编写的javascript代码。我添加了id为'title‘的div标签。你可以在下面查看。 const movieList = d3.select('#movielist');
movieData.forEach(function (movie) {
movieList.append('div')
.property('id', 'title')
.style('width', titleWidth+'px')
.st
浏览 29提问于2021-03-27得票数 0
回答已采纳
2回答
我有一个svg路径，我可以画。使用d3js，我用d3.geom.hull(...)计算了路径周围的凸包。现在我有一些svg对象，比如节点(svg:圆形)，我想知道节点是否在船体中。我怎么能意识到这一点？这是我的svg视图中的一张图片：
编辑：我的目标是船体中的节点元素(它们在路径中)，而不仅仅是路径的边缘。
浏览 7提问于2014-11-27得票数 0
回答已采纳
我使用d3js将圆点从右向左移动，相对于当前时间。我有几个问题: 1. .exit().remove()不工作。节点一旦脱离视图就不会被移除。2.圆圈的转变有点不稳定。
var circles = g.selectAll('path')
circles.data(data)
.enter()
.append('path')
.attr("d", symbol.type(d3.symbolCircle))
.merge(circles)
.attr("transform", (d) =&g
浏览 0提问于2019-04-22得票数 1
回答已采纳
我正在尝试使用d3显示澳大利亚。我可以将我的地图居中，但不能旋转它的属性，使其正确显示。
这是相关的代码，
var projection = d3.geo.albers().scale(1).translate([0,0]);
var path = d3.geo.path().projection(projection);
var bounds = path.bounds(topojson.feature(dataSet, dataSet.objects.abs_aus_ced_2007));
var scale = 0.95 /Math.max((bounds[1][0] - bound
浏览 3提问于2013-12-10得票数 3
我正在更新我的代码从D3js版本3到D3js版本4。
问题是节点之间的链接没有出现。
我的网站链接：
守则：
<script>
var links = [
{source: "Rodrigo", target: "BDA", type: "suit"},
{source: "Rodrigo", target: "Pogalmex", type: "suit"},
{source: "Rodrigo", target: "R. Metálicos
浏览 1提问于2016-10-10得票数 1
回答已采纳
1回答
我想找出D3JS中的映射机制。我找到一个示例项目，您可以找到。我复制了中给出的所有代码，并以"python -m SimpleHTTPServer 3000“的形式运行了一个简单的python服务器。当我以"localhost:3000“的形式打开链接时，我有以下错误：
Uncaught TypeError: Cannot read property 'getAttribute' of null d3.v3.min.js:3
ya.attr d3.v3.min.js:3
minimap.target minimap.js:411
canvas minimap.j
浏览 1提问于2014-06-13得票数 3
回答已采纳
我正在使用d3js库绘制图表。我叫这个动作是这样：
d3.json("CANCEL_REASON/Statistics2", function (data) {
....
我的控制器是这样的：
public class CANCEL_REASONController : Controller
{
private Entities3 db = new Entities3();
public ActionResult Statistics()
{
return View();
}
浏览 2提问于2017-04-19得票数 1
回答已采纳
2回答
我刚刚做了一个D3js地球仪，它看起来像这样：
如果你仔细看，红色方块看起来很难看，因为它不遵循地球的曲线。我有以十进制为单位的面积边框：
var bb = {W:-5.0, N:50.0, E:10.0, S:40.0 }
我画的线如下：
svg.append("path")
.datum({type: "LineString", coordinates:
[[-5, 40], [-5, 50], [10, 50], [10, 40], [-5, 40]]
})
.attr("d", path);
对于
浏览 4提问于2014-08-20得票数 6
回答已采纳
我将使用Range7框架在D3JS库中创建气泡图。因此，我需要嵌套的数据集集合。
我的密码
`this.month_keys = ['January', 'February', 'March', 'April'];
this.nested_data = d3.nest<any, Array<Object>>()
.key(function (d) { return d['username']; })
.rollup(function (leaves) {
return [{
浏览 1提问于2019-01-02得票数 0
回答已采纳
1回答
这里是d3js新手。我使用d3js在服务器上呈现一个svg。在复习了一些教程之后，我想出了以下几点：
var fs = require('fs');
var d3 = require('d3');
var jsdom = require('jsdom');
var _ = require("underscore");
var chartWidth = 500, chartHeight = 500;
var arc = d3.svg.arc()
.outerRadius(chartWidth/2 - 10)
.in
浏览 1提问于2016-06-17得票数 1
回答已采纳
我使用D3JS创建了一个力有向图，并用令人敬畏的字体图标替换了节点。一切正常，直到我尝试将其转换为blob并使用filesaver.js下载。 这是我用来创建力有向图的代码：https://bl.ocks.org/heybignick/3faf257bbbbc7743bb72310d03b86ee8 这是我用来将SVG图转换为blob的代码：http://bl.ocks.org/Rokotyan/0556f8facbaf344507cdc45dc3622177 这是我用很棒的字体图标替换圆形节点的代码的一部分： node.append('text')
.attr(&#
浏览 22提问于2019-10-18得票数 0
我试图在一个带有d3.js的角度应用程序中绘制一个简单的条形图。
要做到这一点，我首先从在指令中包装d3开始：
angular.module('myApp', []).directive(barChart', function($parse) {
return {
restrict: 'E',
replace: false,
scope: {data: '=chartData'},
link: function (scope, element, attrs
浏览 3提问于2014-09-01得票数 1
回答已采纳
1回答
我有一个泡泡图，我用以下方式制作气泡：
var circles = svg.selectAll(null)
.data(data)
.enter()
.append("circle")
.attr("cx", width / 2)
.attr("cy", height / 2)
.attr("opacity", 0.3)
.attr("r", 20)
.style("fill", "blue")
.attr("cx", functi
浏览 1提问于2017-10-17得票数 2
回答已采纳
1回答
D3JS眨眼
、、、、
我正在使用d3js可折叠树。
如何使链接闪烁(Flash)？节点也能在规则的间隔中显示/隐藏吗？我希望不用使用setInterval就能做到这一点。
提前感谢
浏览 1提问于2018-04-27得票数 0
回答已采纳
我不知道如何使用D3的interpolateSpectral来得到我的配色方案。当我尝试使用以下颜色时，问题是我不知道可能需要多少种颜色，所以我想使用interpolateSpectral来获取数据集所要求的多少颜色。
当我这么做的时候
const color = d3.scaleOrdinal(d3.schemeCategory10);
g.selectAll('.chart-arc')
.data(pie(data))
.enter()
.appen
浏览 4提问于2020-03-31得票数 1
回答已采纳
1回答
将<svg>元素保存到磁盘上
、、、、
在我的HTML中我有一个SVG元素。它使用d3js呈现，并在CSS中应用了样式。
当我在浏览器中右击时，我可以选择“保存图像”。此操作保存所有应用的css样式所呈现的图像。
我一直在寻找保存文件的好方法
去画布和导出画布
保存为SVG的文件保护程序
变体
但是，当我将文件放到磁盘上时，css中的额外样式不会应用到保存的映像中。
问:如何将SVG保存在应用css的浏览器中。
浏览 2提问于2016-07-20得票数 2
回答已采纳
5回答
Java应用中的D3js
、、、、
在Java应用程序中嵌入的最佳方式是什么？
最初的想法：
(Vaporware) (仍在HTML4和CSS 2) (自2011年以来一直处于不活跃状态)Other ideas?
有相关的SO问题()，我正在寻找特定于支持D3js的解决方案。
我对那些可能不包括完全成熟的web浏览器集成的想法持开放态度，只是D3可视化所需的最小集合。我认为这将包括一个Javascript解释器，DOM操作，和一个超文本标记语言/层叠样式表布局引擎，如WebKit。
浏览 66提问于2013-02-09得票数 20
试图在这个可缩放的Sunburst：中将文本数据添加到路径之上，我有以下代码：
d3.json(jsonUrl, function(error, data) {
if (error) {
throw error;
}
svg.selectAll("g")
.data(partition.nodes(data))
.enter()
.append("g")
.append("path")
.attr("d", a
浏览 2提问于2016-12-15得票数 0
回答已采纳
1回答
我目前正在创建一个D3JS链，最后是一个.call()。这是我目前的链条
foo.selectAll('svg')
.data(data)
.enter()
.append('svg')
.classed('someclass', true)
.call(someFunc);
当它到达.call()时，它进入D3JS函数
d3_selectionPrototype.call = function(callback) {
var args = d3_array(arguments);
call
浏览 1提问于2014-06-20得票数 1
回答已采纳
1回答
我正在做一些关于游戏分析的图表。以下是基本假设。
玩家可以进行三种可能的操作。玩家可以攻击玩家可以延迟
玩家可以跑(向前和向后两个方向)
每个行动可以发生在三个战场之一(bg，bg，bg )
玩家可以是人类也可以是外星人。每个玩家关于种族可以有一个等级。
每个玩家在特定的时间执行特定的动作。
现在我需要画出这些东西的图表。
球员比赛比赛发生地点(3个战场中的哪个)球员级别的条形图基于时间的攻击折线图基于时间的防守折线图基于时间的跑动(每个跑动方向的一条线)
每个图表都需要连接到其他图表(交叉过滤器的飞行图表是已知的)。例如，如果我点击玩家种族的拼图，并选择人类，其他图表将相应地更新，以反映与该
浏览 3提问于2012-11-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
