d3.js

2热度

1回答

我创建了一个codepen来演示我的问题。基本上，我的轴标签正在成功创建，并添加到DOM，但它们不显示，因为它们被绘制在图表区域之外。这里是我的CSS： .promo { fill: rgba(255,0,0,0.5); } .price { fill: $brand-primary; } .chart { height: 50vh; widt

0热度

1回答

如何在d3.js中根据鼠标方向选择brushX或brushY？

在d3.jsv4，我正在尝试为折线图实现画刷（用于缩放选定区域）。我想根据鼠标先移动的方向选择X或Y方向的画笔。如果鼠标左右移动，则需要调用brushX，并且如果鼠标首先在顶部或底部方向移动，则需要调用brushY。是否有实现这个的方法吗？

1热度

1回答

绘制点x和y，轴y和x没有正确显示

我想通过在x和y轴上放置点来生成加载csv文件的折线图。出于某种奇怪的原因，轴没有正确显示。我对x和y有负值。所以它应该有一个笛卡尔飞机，就像这张图片中的笛卡尔飞机。在这种情况下，必须显示完整的笛卡尔飞机。在我看来，x和y有负值。我不知道为什么点显示错误。更新按钮，加载新的点更新图形的值。 http://plnkr.co/edit/dDx8gRZIfjvemWpgikAp?p=preview

1热度

1回答

如何在正交图中移动点？

我想在由Mike Bostock创建的以下地图上的某些地理位置上添加红点。 https://bl.ocks.org/mbostock/3795040。我的观点显示，但不随地图移动。如何编辑代码以使点随地图移动。谢谢。 //add circles to svg svg.selectAll("circle") .data([wr,pt,sd,jp,fm]) .enter()

0热度

1回答

d3过渡不遵循路径

我喜欢让飞机沿着路径走。但是无论我尝试过，屏幕上的转换路径和实际绘制的路径之间都会有所变化。请看jsfiddle d3.selectAll('.aircraft').transition() .duration(7500) .attrTween('transform', translateAlong(d3.select('#samplePath').node())) function tr

-1热度

1回答

我希望能够按比例放大和缩小比例

所以我希望能够放大（我的比例尺）和（我的滑块）中的一件事物，以便当我的滑块在4月份2005年4月仍然停留在2005年4月，尽管它的规模放大了一个更广阔的视角（如从2005年的显示走向2000-2010），缩小规模和滑块（顺便提一句）按比例放大。我的问题与Brush and Zoom example 之间的区别在于我希望底下的比例尺发生变化，图上的比例保持不变，并且比例尺上的比例发生变化。我的问

1热度

2回答

轴不会出现在条形图上

我刚刚开始D3和JS，我正尝试将X轴添加到条形图中。它没有出现。我认为这是因为我的代码底部的svg.append("g")不正确（没有变量g）。相反应该有什么变化？ barchart.js // Create data array of values to visualize var dataArray = [23, 13, 21, 14, 37, 15, 18, 34, 30]; // C

2热度

2回答

D3 JS图形没有得到切换在单选按钮上

我已经工作了D3 SVG图表和jQuery一起引发一些单选按钮，将显示该我用这个答案不同的图表，请点击： https://stackoverflow.com/a/17195138/4877962 小提琴： http://jsfiddle.net/k3WJN/13/ 我从不同的网址获取数据，以便根据日期和时间填充日志计数。下面是HTML模板： <!DOCTYPE html> <meta chars

0热度

1回答

为什么我的SVG不被创建？

我的代码如下所示：的Index.html <head> <script type="text/javascript" src="d3/d3.js"></script> </head> <body> <script type="text/javascript" src="Fuel_Plan.js"></script> <div class="mydiv">

2热度

1回答

错误：<rect>属性y：期望的长度，“NaN”

我想按照这个例子here D3堆叠图表。我已经在本地进行了测试，并且工作正常。我已经适应了代码以匹配我的CSV数据集，但不幸的是我得到的y和高度的计算问题的属性：错误：属性Y：预计长度，“南”。错误：属性高度：预计长度，“NaN”。这里是我改编的源代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"