1回答
请先看看这张照片：
现在我想做这样的东西，但是我想把d3.js元素放在这样的滑块上，而不是像矩形、圆形、方形、三角形这样的图像，这样用户就可以用图像中显示的箭头按钮来移动它们。
我只想知道d3.js是否可行，如果是的话，请告诉我如何或从哪里开始？
浏览 4提问于2013-09-17得票数 0
回答已采纳
1回答
我正在使用d3.js 示例，我想知道如何动态调整x和y轴的域，以便在数据更新时，可以调整图形以适应新的线。下面是设置这些域的当前代码(我认为)。
var x = d3.scale.linear().domain([-15, 15]).range([0, w]);
var y = d3.scale.linear().domain([0, 120]).range([h, 0]);
目前，域值是任意的。变量w和h是svg元素的宽度和高度。
任何帮助都将不胜感激。
浏览 0提问于2012-09-25得票数 1
回答已采纳
我在Chrome 16和Safari 5桌面上遇到了这个问题：
要在最大化窗口的情况下重现有问题的视图，请减小窗口高度并重新加载。
如果是全屏，帧率会受到很大影响，但如果你降低窗口高度，那么webkit似乎对图形很满意。Opera和Firefox在任何大小上都没有问题。
图形是用d3.js创建的，但我认为同样的SVG图像也会发生这种情况，因为它只是生成元素的代码。光标的移动是纯js的。
顺便提一下，我发现如果我使用translate3d(x, y, 0)而不是顶部和左侧，鼠标移动是平滑的，但我更喜欢使用这个作为最后的手段。translate(x, y)也很慢。
浏览 2提问于2012-01-17得票数 3
回答已采纳
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
1回答
嗨，我想用作为d3.js中的力有向图，但是当我想应用这个插件时，图形的行为是很奇怪的。我是d3.js的新手，不擅长计算机图形学。
var fisheye = d3.fisheye.circular()
.radius(200)
.distortion(2);
// graph - variable which represents whole graph
graph.svg.on("mousemove", function(
浏览 6提问于2014-11-04得票数 4
回答已采纳
1回答
我正在使用d3.js创建一个显示数据的图形，该图形在折线图中定期更新(每秒一次)。X轴(时间)和整个图形连续向左平移。
我试着把它建立在这个教程的基础上：
这个jsfiddle就是我到目前为止所学到的：
它起作用了。但是在update方法中( Javascript部分的最后一个方法)
//move the graph left
svg.selectAll(".line")
.attr("d", line(data))
.attr("transform", null)
.transition()
.duration(950)
.
浏览 0提问于2015-12-15得票数 4
1回答
我有一个带有缩放功能的图表。我的主要观察结果是，x轴根据我当前的缩放级别更新了它的比例。我希望y轴也能做到这一点，所以启用了zoom.y(y)，不想要的副作用是现在用户可以在所有方向上缩小，甚至可以在图形的“下方”缩小到负值。
var zoom = d3.behavior.zoom().scaleExtent([0.2, 5]) .on("zoom", draw);似乎并没有真正考虑到y轴。并且用户仍然可以将图表从任意方向拖动到无限远的任何位置。
我想到的一个想法是独立于启用zoom.y(y)，并且只需要根据当前可见范围内的y轴重新绘制。类似于仅基于X轴位置的
浏览 2提问于2013-03-06得票数 4
回答已采纳
我有一个问题，我知道这可能很愚蠢！我有一个Json文件，我想用javascript和D3.js创建一个动态图形，其中x轴随时间更新，y轴上的值来自json文件的value字段。正如您所看到的，这个文件中的时间已经过去了，所以我希望读取该值时系统的当前时间，所以我总是拥有这个json文件的更新时间，而不是过去的时间。
"values": [
{
"time": 124123213,
"value": 500
},
{
"t
浏览 0提问于2013-07-02得票数 0
2回答
我正在使用下面的代码在d3.js图中移动一个节点：
d3.select("#"+ nodeid).attr("x",x);
d3.select("#"+ nodeid).attr("y",y);
这很好用，但当我再次开始拖动节点时，它会“跳”回原来的位置，并从那里开始移动。
你知道我哪里做错了吗？
浏览 2提问于2012-08-07得票数 1
回答已采纳
我试图用D3.js创建一个线图，我希望我的X轴从1开始，而不是0。代码如下：
var temp = [36.5, 37.2, 37.8, 38.2, 36.8, 36.5, 37.3, 38.2, 38.3, 37];
var x = d3.scale.linear().domain([0,temp.length]).range([0, w]);
var xAxis = d3.svg.axis().scale(x).tickSize(-h).tickSubdivide(false);
graph.append("svg:g")
浏览 3提问于2014-08-26得票数 2
回答已采纳
我使用d3.js创建了一个具有缩放和画笔功能的多行图形。所有功能都正常工作，除非我刷新浏览器选项卡，我在图形中完成的缩放/画笔被重置，图形显示在它的初始状态。我是否可以使用任何d3.js函数记录缩放/画笔的位置，每当我刷新浏览器页面时，我就可以看到它最后一次缩放/刷过的状态。附加我用于缩放和画笔的代码片段。
const brush = d3.brushX()
.extent([[0, 0], [this.width, this.height2]])
.on("brush end", () => {
if (d3.even
浏览 0提问于2019-07-11得票数 4
回答已采纳
1回答
我从几周开始就在开发d3.js和dc.js库。我在d3.js中创建了散点图，在dc.js中创建了条形图。我想知道在两个不同的javascripts中创建的这两个不同的图形之间是否存在交互的可能性。简而言之，可以在d3.js和dc.js中创建的两个不同的图形之间进行交互吗？
谢谢。
浏览 1提问于2014-05-03得票数 0
我试着用d3.js构建图形
这里我需要做的是读取some_column列中的.csv文件并计数no。|的发生及其在y轴上的发生。这条线上不应该画出它们发生的情况。
例如。如果some_column的值类似于“value 1\x\‘> |标记，它应该计数|标记，其值将变为4,2,1，并在其计数时相应地放置它们。
我定义了一个函数
function parseColumn(tagnname)
{
var count = tagname.split("|").length - 1;
return count;
}
但无法在Y轴上显示其返回的值，并根据这些值绘制线条。
浏览 1提问于2014-04-11得票数 0
回答已采纳
继在d3.js图表上使用画笔的之后，我试图对一个新行可以添加或删除的线条图进行类似的操作。
我做了，这说明了我的问题所在。执行以下两个步骤：
使用画笔选择较低图表右端的一个小区域.
单击“添加第二行”链接。
这两个问题是：
上面的“焦点”图重新绘制到它的全部范围，而不是被限制在画笔的选择上。
第二行有一个不同的数据范围，我希望画笔继续选择它现有的日期范围--目前它没有实际移动，所以看起来它的日期范围已经改变了。
我猜，对于问题1，我需要修改brushed()函数中的某些内容吗？
function brushed() {
x.domain(brush.empt
浏览 2提问于2014-06-25得票数 0
回答已采纳
1回答
我想为实时D3.js和javascript图形制作一个工具提示，它可以在数据上平滑地移动。有没有人知道任何例子。我所找到的都是与静态图相关的。
浏览 1提问于2013-06-28得票数 1
1回答
我正在使用D3.js，并试图理解和。
我的数据如下所示：
var data1 = [
{ 'name': 'LHR', 'position': 1, 'flights': [1,10,12,14,3] },
{ 'name': 'LAX', 'position': 2, 'flights': [3,6,12,6,3] },
{ 'name': 'SFO', 'position': 3, 'flights
浏览 2提问于2013-05-01得票数 0
回答已采纳
所以这有点类似于
和
但所有使用d3.js的用户和我都不认为他们达到了相同的交互级别。
因此，我是d3.js的新手，坦率地说，我不知道在这个例子中我应该从哪里开始。
项目流程：
在前端询问用户名。把这个发送到后端python
获取x深度的图形数据(对象+边)，其中x通过Python调用第三方网站API与起始节点之间的距离
运行一些有关数据的机器学习(python)
在d3.js循环中显示图形+一些数字(可能在右下角)：
有一个交互式的d3.js图，这样如果我单击一个节点，它就会用它作为起始节点重新进行计算。
是否使d3.js显示了部分文本(前10个字符？)每一个节点，然
浏览 1提问于2012-10-26得票数 9
回答已采纳
我一直试图创建一个使用JavaScript模板的页面，该模板结合使用d3.js生成的图形来显示每个库存项目的信息(在本例中，我有一个包含晶体管数据的JSON数组)。例如，我需要样板“绝对最高等级”表，然后是像阻抗曲线在内的一系列栅电压图。到目前为止，我的情况如下：
var partData = [
{
name: "IRF10",
maxRatings:
{
vds: 200,
vgs: 20,
id: 2.1,
pd: 36
},
impedanceGraph:
[
[1, 0.7],
[2, 1.6],
浏览 2提问于2015-09-09得票数 0
回答已采纳
1回答
我是D3.js的新手，我想使用图形布局。我有这个演示设置与一个非常简单的图形遵循力定向布局内置到D3。
我想要做的是能够关闭图形布局算法(例如，当用户按下空间时)，然后仍然能够拖动节点，并在稍后打开有力导向的布局。
现在，我把它设置为停止撞击空间时的力定向布局：
d3.select("body")
.on("keydown", function() {
if (d3.event.keyCode == 32) {
if (forceActive) {force.stop();} else {force.resume();}
浏览 4提问于2014-04-04得票数 2
回答已采纳
1回答
我试图用背景中的网格绘制一个可绘制和可缩放的图形，类似于这样：。
但是，如果您开始移动示例中的背景，您可以很快地看到网格的结束。d3.js中是否有可能使这个背景网格看起来是无限的？
浏览 1提问于2015-07-29得票数 2
回答已采纳
我想使用在我的apache应用程序中显示图形。为了避免不必要的通信，有一个本地d3.min.js文件通过
<script src="js/d3.min.js"></script>
但是，在android模拟器中启动应用程序时，我得到了javascript错误。
Android级别22 (Android5.1)
Uncaught SyntaxError: Unexpected strict mode reserved word @d3.min.js:2
Android API-级别23 (Android 6)
Uncaught SyntaxError:
浏览 2提问于2020-12-06得票数 2
2回答
我正在使用d3.js做一个力有向图。我需要处理移动设备节点上的点击和双击事件。鼠标悬停和点击功能需要在d3.js中复制为轻击和双击。我已经设法让一个触摸事件工作，但对如何在移动设备中捕获双击事件一无所知。
浏览 4提问于2012-08-10得票数 13
回答已采纳
我正在尝试使用D3.js构建一个具有缩放功能的股票图表
我希望从这里开始，并试图使变焦感觉更自然的股票图表。完美的。因此，据我所知，缩放和平移都锁定在Y轴上，Y轴移动的唯一方法是自动填充当前可见数据的价格范围。
另一个明显的区别是，缩放不会像第一个示例中那样放大到鼠标的当前位置。
如何调整该示例以使其与其他图表更紧密地工作？什么是伪代码，应该如何修改？
浏览 1提问于2014-02-21得票数 0
回答已采纳
我希望实现ggplot2类型的图形使用d3.js库进行交互的目的。我喜欢ggplot2，但用户对交互式图形感兴趣。我一直在探索d3.js库，似乎有很多不同的图形功能，但我真的没有看到任何统计图形，如线性线，预测等。给定散点图，是否有可能也添加线性线到图中。
我有这个绘制散点图的示例脚本。如何在d3.js中将线性线添加到此图中？
// data that you want to plot, I've used separate arrays for x and y values
var xdata = [5, 10, 15, 20],
ydata = [3, 17, 4, 6];
浏览 0提问于2013-07-01得票数 5
回答已采纳
2回答
我正在使用拉斐尔JS构建一个用户界面。目前，我有一个.js脚本，可以根据需要使用RaphaelJS2.1绘制出所有内容。但是，由于图形是由动态数据驱动的，因此对象很可能会重叠。将d3.js Force布局添加到对象将导致它们自动分散，因此不会有各种ux组件的重叠。然而，我还无法将d3.js Force布局应用于拉斐尔绘制的SVG对象。
我已经使用JSFiddle 创建了一个基本示例。我使用作为“模板”。
浏览 1提问于2012-04-04得票数 1
回答已采纳
我有一对图，我希望将它们绑定到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
回答已采纳
我在d3.js线状图中只有5个值1，2，3，4，5作为我的y坐标。但是，我最终得到了更多的值0.5,1,1.5,2,2.5,3,3.5,4,4.5,5有没有办法编辑d3.js文件或html文件，以便根据我的要求绘制这些值？
浏览 4提问于2014-05-02得票数 14
我正在使用散点图来可视化data 。我在一个页面上有两个以上的图表。我想保留两个选项，用户可以选择1.归一化按钮:x轴上的值将被归一化，并绘制新的图形。2.log y按钮:y轴上的值被更改为log y，并相应地在同一页面上构建新的图形。
d3.js该怎么做呢？
此外，我还使用Nodejs、Express和d3.js来绘制此图。
到目前为止，我已经建立了图表。这些是增加交互性的选项。
浏览 0提问于2014-04-01得票数 0
1回答
我想改变由d3.js呈现的图形的比例。
这是我想出的(柱塞上的全部代码，参见下面)的摘录：
var toggleZoom = function() {
switch(state) {
case 'zoomed_in':
state = 'zoomed_out';
scaleX = d3.scale.linear().rangeRound([0, width]).domain([min_out, max_out]);
break;
case 'zoomed_out':
state = 'zoome
浏览 3提问于2014-07-23得票数 0
回答已采纳
3回答
有序尺度nvd3散点图
、、、、
我对d3和nvd3比较陌生，我想要创建一个简单的散射点，就像一样，但是有一个 y轴。所以y轴值是绝对字符串。这就是我认为我需要做的：
var xfun = function (d) { return d.Pos } //simple ints
, yfun = function (d) { return d.Title } //the ordinal values
var chart = nv.models.scatterChart()
.showDistX(true)
.showDistY(true)
.color(d3.scale.category10
浏览 1提问于2013-06-25得票数 6
当用户从应用程序将照片上传到我的(web)服务器时，我的iOS应用程序希望发布一个开放的图形操作(例如，用户将、照片上传到服务器)。这个应用程序将是我将与Facebook交互的唯一点，我不维护一个想要使用Facebook登录的web或移动网站。
每当我试图发布上述action+object (服务器中页面的URL )时，Facebook就会抱怨无效域，并建议我配置'App‘。
然而，在Facebook应用程序设置中，为了配置“app”，我需要一个Web (用户使用Facebook登录)或移动Web或Facebook选项卡。我不打算支持。如果我继续设置“应用程序域”，Facebook将不
浏览 2提问于2013-01-29得票数 4
13回答
有人能推荐一个可以进行交互式图形可视化的Python库吗？
我特别想要像这样的东西，但是对于python，理想情况下，它也是3D的。
我看过：
-它只做Matplotlib的情节，而那些似乎是2D的。我没有看到任何形式的交互性，比如d3.js给出的交互作用，比如移动节点。
-它只做二维的情节，并且有非常慢的交互图。
浏览 25提问于2012-10-19得票数 130
2回答
在D3.js中，我使用force-layout将所有节点向右移动，代码如下。但是当调用函数时，只有节点移动，文本和链接保持不变。这里到底缺少了什么？是必须在函数内部调用的tick()函数吗？
function(){ d3.select(".nodes").attr("transform", "translate(200,0)");
simulation.alpha(0.8).restart();
};
simulation
.nodes(nodes
浏览 13提问于2017-07-05得票数 0
我使用的不是鼠标，而是Leap Motion。它是一种运动感应设备，允许使用手指、手和手势，而不是鼠标。
我的代码是在用户的手指与屏幕相交的地方绘制点，因此用户的手指在网页上用蓝色圆圈表示(与以下代码相同：)。
我在网页上也有一个Force-Directed图，与这个示例相同: bl.ocks.org/mbostock/4062045
我希望允许用户在手指(蓝色圆圈)与节点相交时“拖动”节点。
我可以让点击模拟代码工作，但当我尝试使用X和Y位置时，例如...
function mouseSim(type, x, y)
{
var simulatedEvent = document.c
浏览 0提问于2013-09-14得票数 1
1回答
我目前的工作流程是从中的图形开始，使用读取它们，然后使用yED将它们输出为某种图像格式。我宁愿有d3.js输出。
有没有工具(最好是Ruby gem)可以获取TGF格式的图形并将其输出为d3.js？如果它处理有向图，就会得到加分。
浏览 6提问于2013-08-16得票数 0
我正在尝试使用这个，但是每当我在本地加载该文件时，图形都不会呈现。
我不确定这是否与加载D3.js库有关？我在目录中有CSV文件。
我知道这是一个模糊的问题，但是你有什么想法来解释为什么这在本地行不通吗？
浏览 0提问于2015-03-02得票数 0
2回答
我正在用D3.js构建一个线图。当用户在图形上鼠标移动时，我想在图形上画一条垂直线，突出显示它与图表线的交集，并显示工具提示，如下面的屏幕截图：
我在这条路上走了一段路。下面是我在JSFiddle：上的代码
如您所见，我正在侦听svg元素上的鼠标事件，该行(某种程度上)正确显示：
// Add mouseover events.
svg.on("mouseover", function() {
console.log('mouseover')
}).on("mousemove", function() {
console.lo
浏览 4提问于2013-09-18得票数 9
回答已采纳
我有两个数组，一个包含应该进入X轴的数据，另一个应该成为Y项。
我如何告诉d3.js从这些数组中获取数据，并将其用作其图形的数据，然后绘制它？
浏览 3提问于2015-05-24得票数 1
回答已采纳
[ ]是D3.js项目符号图形示例。这里我想输出x轴的值，像这样的百分比。在第一个图表“收入”中：
0%，50%，150%，200%，250%，300%代替0，50,150,200,250,300
浏览 2提问于2012-04-19得票数 1
1回答
创建图形并将其导出为图像的库
、、、、
我目前正在建立一个系统，将需要绘制图形点，然后导出的图形作为一个图像在电子邮件中提供服务。此流程是对用Java编写的现有流程的补充。
如果有一个Java解决方案，那将是最好的，但我见过一些图形库，比如d3.js，它们在JavaScript中，我也许能够使用它。据我所知，d3.js没有将图形导出为PNG或JPEG的功能。
浏览 2提问于2016-07-27得票数 0
当我在Chrome中显示SVG (由D3.js创建)时，它有着与Firefox或IE不同的维度。
让我们来看看这个代码：
火狐:g元素是923x473.1。
铬:g元素为921 x 468.094。
如何更改Javascript/CSS/HTML，使此图形在Chrome、firefox、IE中具有相同的位置？
浏览 2提问于2015-08-31得票数 1
回答已采纳
2回答
我使用D3.js创建了一个条形图()。
我有一个(可能非常简单)的问题，我很高兴得到一些支持：
为什么x轴太短？
浏览 4提问于2012-10-02得票数 2
回答已采纳
1回答
在指针锁定状态下不能移动光标
、、、、
在我用JavaScript和three.js开发的游戏中，我使用来捕获光标。我已经做了基本的谷歌搜索，但我似乎找不到为什么在Chrome OS上，光标似乎不能移动。如果你看一下的指针锁定是很好的工作，甚至有一个很好的“光标”伴随着移动！
JavaScript控制台输出(日志为me)：
我用“虚构”动作X/Y
if (evt.movementX === undefined) {
evt.movementX = evt.screenX - lastx;
evt.movementY = evt.screenY - lasty;
lastx = evt.screenX;
浏览 3提问于2014-07-02得票数 0
1回答
SVG中线图的双x-轴
、、、、
我已经开始研究D3.js和Dimple.js了。我们的要求是创建一个具有双x轴的线图。在对这一需求进行基础研究后，我发现D3.js或Dimple.js支持双y轴，但不支持双x轴。
我的第一个问题是“D3.js或Dimple.js支持像box模型这样的双x轴吗？”
浏览 2提问于2015-10-20得票数 4
回答已采纳
我正在寻找使一个控制台游戏，将经常需要输出帧的ASCII图形，但我想知道如何让功能更流畅。虽然我不相信nethack-console游戏不是用Python语言编写的，但我正在研究它如何能够很好地显示似乎不会移动的“动画”帧，并且没有清楚地显示图形是“重印”的，这反过来使图形非常一致，并且发生的任何动画“似乎都是在一次打印输出中完成的”。如果描述不够清楚，让我举个例子：
000X
如果“x”会向左移动一个单元，我希望在控制台上看到以下内容：
00X0
而不是：
000X 00X0
浏览 1提问于2014-07-05得票数 0
1回答
我试图获得一个使用D3.JS生成的线条图，以使用从web套接字中获取的数据进行更新。
我使用这个简单的D3线条图作为基础：
我已经获得了与图形的套接字连接，我得到的两个似乎无法解决的问题如下：
图对几个数据点进行移位更新，然后继续移动，但没有显示任何新的点，底部的轴也不会转换。
当更新到下一个点时，它会突然跳转。我已经研究过如何使它顺利过渡，但我找到的任何解决方案都没有奏效，只会导致不同的错误。
var socket = io('http://localhost:3000');
socket.on('data1', functio
浏览 0提问于2017-12-04得票数 0
1回答
我有一个D3力图，它在tick上有功能。我注意到，一旦图形陷入停顿，功能就会丢失，直到它再次被移动。我想知道如何防止这件事，或者如何让tick一直开着？
例如，我有以下代码
force.on("tick", function() {
link.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target
浏览 0提问于2015-05-12得票数 0
回答已采纳
我使用的d3.js与所示的完全相同，但具有不同的数据值。
当图形第一次显示时，所有元素都是分散的，并且在大约一秒钟的时间内迅速移动到它们的位置。这在示例中看起来很好，但对我的数据来说就不那么好了。有没有办法关闭它，让节点从指定的位置开始？有没有办法自定义这个条目的可视化？
浏览 3提问于2012-09-26得票数 4
1回答
Mike Bostock的D3.js路径转换示例之一显示了沿X轴的时间图表，以及数据的显示和向左移动，以及轴(考虑“监视器”显示，就像Windows上的任务管理器)。我也在试着做同样的事情，让时间顺畅地向左移动。但是有四个图表(都是相同的时间尺度)。
问题: Mike在每个节拍上重新调用时间轴生成器。在这一点上，这是图形绘制中最昂贵的部分，大约花费了90%的时间。有没有人知道如何做滚动左边的其他方式，而不是每次都需要重新绘制？我想试着预先创建一个轴，然后使用平移和裁剪只显示相关的部分，但想看看是否有人有更好的(即更快的)解决方案，或者知道某个地方的示例。
谢谢，戴夫
浏览 2提问于2013-06-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
