D3 -多线图，线位置偏移量
D3 - 多线图，线位置偏移量
D3（Data-Driven Documents）是一种流行的JavaScript库，用于创建动态、交互式的数据可视化。多线图是D3中的一种常见图表类型，它可以同时展示多条线的趋势变化，通常用于显示时间序列数据的趋势。
线位置偏移量是多线图中的一项可选配置，它用于在同一水平位置上对多条线进行轻微的垂直偏移，以避免重叠并提高可读性。线位置偏移量的设置可以通过调整线条之间的垂直距离，使得各条线在整个图表中更好地区分开来。
优势：
- 提高可读性：通过线位置偏移量，可以更好地区分展示多条线的趋势变化，减少重叠，使得数据更易于理解和解读。
- 突出重点：通过合理的线位置偏移量设置，可以突出显示某些线的重要信息，引导用户关注特定的趋势。
应用场景： 多线图和线位置偏移量可以应用于各种需要同时展示多个变量趋势的场景，例如：
- 金融数据分析：用于展示不同证券的股价变动趋势，比较不同股票的表现。
- 销售数据分析：用于展示不同产品或不同地区销售额的变化趋势，帮助发现销售状况的差异。
- 天气预测：用于展示不同气象指标的变化趋势，比较不同指标的影响。
腾讯云相关产品： 腾讯云提供了多种与数据处理和可视化相关的云服务产品，其中包括：
- 腾讯云数据洞察（DataInsight）：为用户提供数据集成、数据建模、数据分析和数据可视化的一站式云上数据智能解决方案，可满足各种规模和行业的数据分析需求。详情请参考：腾讯云数据洞察
- 腾讯云图数据库 TGraph：是一种分布式图数据库，能够高效存储和处理关联数据，支持大规模图数据的分析和可视化。详情请参考：腾讯云图数据库 TGraph
以上是关于D3多线图和线位置偏移量的简要介绍及相关腾讯云产品的信息，希望对您有所帮助。
相关·内容
1回答
使用D3标记动画折线图
、、、、
我是D3的新手，我遇到了一个似乎无法解决的问题。
我已经使用构建了一个动画折线图，现在我正在尝试添加它。我认为一个很酷的想法是，在折线图中标记每一条线，但在线条的末尾标记它。
正如您所看到的，它充其量是次优的。我错误地定位了文本，但不明显的是，如何正确地定位它。下面是有问题的代码。
name.transition()
.duration(duration)
.ease("linear")
.attr("transform", function(d) {
return "translate(" +
浏览 3提问于2013-03-08得票数 1
回答已采纳
1回答
我必须在一张图中显示几个折线图。由于Y范围值差别很大，我想为每一条线分配一个特定的y轴。我已经发现，我可以通过使用InjectionPlooter来实现这一点，并将折线图分配给它们，但是每个y轴的比例是相同的。
我使用ObservableDataSource表示我的值。
我的XAML代码：
<d3:ChartPlotter x:Name="Plotter" Height="400" Grid.Row="1">
<d3:InjectedPlotter Name="y2" Background="Aq
浏览 8提问于2017-07-11得票数 0
回答已采纳
1回答
我正在使用中的代码来绘制一个多序列折线图。
这些线的末端都有标签，但如果这些线彼此靠近，就会有点混乱。
是否可以使用d3向折线图中添加图例？我已经查看了API，但我似乎什么也找不到。
浏览 1提问于2016-08-15得票数 1
2回答
我正在尝试控制在我的等高线图中应该写入多少个z标签，这些等高线图是用contourplot()从晶格库绘制的。
我有30条轮廓线，但我只想标记前5条轮廓线。我试过很多东西，比如
contourplot(z ~ z+y, data=d3, cuts=30, font=3, xlab="x axis", ylab="y axis", scales=list(at=seq(2,10,by=2)))
contourplot(z ~ z+y, data=d3, cuts=30, font=3, xlab="x axis", ylab="y axis
浏览 1提问于2011-05-03得票数 2
回答已采纳
我是D3的新手，对于用D3制作的折线图上的刻度标签，我有一个快速的问题。我正在使用d3.svg.axis.scale().tickSize().tickSubdivide()生成我的刻度线。
有没有办法隐藏它们或改变它们的值？例如，我有一个折线图，其中刻度标签是间隔(1，2，3等)，我想将它们更改为字符串('Jan'，'Feb'，'Mar'，'Apr‘等)。这有可能吗？
谢谢!
浏览 2提问于2012-06-07得票数 18
回答已采纳
例如，在Mike Bostock的多系列d3 中，如何更改D3折线图中线条的颜色。
在他的示例图表中，Mike Bostock使用了D3内置的"category10“色标，如下所示：
var color = d3.scale.category10();
但是假设，我们希望奥斯汀的线是蓝色的，纽约的线是红色的，旧金山的线是绿色的，而不是内置的比例。应该足够简单，对吧？只需定义一个自定义色标：
var color = d3.scale.ordinal()
.domain(["New York", "San Francisco", "Austi
浏览 1提问于2014-01-19得票数 19
回答已采纳
我有一个D3程序，它正在构建一个折线图，其中有两条线，我想确定这两条线相交的坐标。D3有这样的函数吗？这些数组通常具有不同的长度，并且是动态生成的，但总是有一个值，在相同的索引处两者将相等。 例如： var line1 = [0,1,2,3,4];
var line2 = [4,3,2,1,0]; 答案=索引2，在本例中。如果没有用于此的D3函数，使用ES6及以上版本的最佳方法是什么？
浏览 15提问于2019-04-16得票数 3
回答已采纳
2回答
我这里有个堆栈闪电战-
它是一个使用D3的简单直线图
我想把这条线从左到右动画化。
找不到这么多或任何东西来解释最好的方法
实际的图形也会有一个条形图，所以我不能在顶部动画和白色块来显示这条线。
浏览 0提问于2018-08-16得票数 2
回答已采纳
1回答
我想问一下在特定坐标下如何绘制等高线？我已经搜索了一个等高线图的例子，我有这个。以下是代码：
r = 0.15;
rx = -r:0.01:r;
ry = r:-0.01:-r;
[x_coor, y_coor] = meshgrid(rx, ry);
radius = sqrt(x_coor.^2+y_coor.^2);
contourf(x_coor,y_coor, radius,'edgecolor','none');
xlabel('Widht');
ylabel('Long');
...and结果是：
我要
浏览 4提问于2014-06-13得票数 0
回答已采纳
1回答
我想用D3构建一个折线图，这样当数据点减少(即5，4,3,2)时，这条线是实线，而当数据点增加(即2,3,4,5)时，这条线是虚线。
我在虚线上找到了这个资源，只是想知道我应该在哪里包含基于上升和下降趋势的逻辑。
浏览 1提问于2016-02-04得票数 9
回答已采纳
1回答
因此，当前的Nvd3 图表只允许1个键用于线和1个键用于条形图。有没有一种方法可以像独立的折线图和条形图一样，为折线图和条形图提供多个键？
浏览 6提问于2021-07-16得票数 0
我这里有个堆栈闪电战-
我正在使用D3创建一个角度的堆叠条形图
我现在也需要在相同的图表上有一个线图。
我认为最好的方法是用双轴。
我有第二轴工作，但不能使这条线工作。
有人能给我指点方向吗？
浏览 0提问于2018-08-14得票数 0
回答已采纳
1回答
我正在使用NPlot图表库绘制几个说明信号波动的曲线图。这些地块在flowlayoutpanel1中一个接一个地插入。X轴是时间。Y是信号的值。我在底部沿x轴添加了一个跟踪栏。当用户移动轨迹栏时，每个信号的值都会显示在某个地方(相对于轨迹栏的位置)。
所有这些都已经具备了功能。
我被要求添加一些可视化的方式来说明跟踪条所在的精确时间。他们想要一条可以随着轨迹条移动的垂直线，在所有的Nplot上。然而，他们对替代方案持开放态度。
我试着画了这条线，但很难画出与轨迹条位置相关的线。此外，它最终被绘制在Nplots后面。
我也试过在流面板上绘制静态网格，但Nplot并不透明，而且我的老板不喜欢每个图
浏览 0提问于2010-02-08得票数 1
回答已采纳
我正在处理一个d3图，其中我有多个元素，这些元素在绘制时可能会重叠。
每个元素呈现一个时间轴，并具有多个图形单元(开始圆、直线和结束圆)，如下所示：
O----------O O
O--------------------O
O-------O-----O-------O
例如，第三行有两个时间线绘图元素，因为第二个时间线的开始时间早于第一个时间线的结束时间，所以这两个时间线图元素重叠。请注意，第一行中的第二个时间线只有开始时间(因为结束时间和开始时间相同)。
现在，下面的代码通过将DOM节点移动到其父节点的最后一个子节点，在鼠标悬停时将时间轴的一个元素放在最
浏览 3提问于2016-05-10得票数 1
我正在使用D3构建一个时间线。在我提供给它的一些数据中，事件非常接近，因此它们在可视化中重叠，就像这个简化示例中的前两个点：
我天真地试图避免这种情况，方法是检查底层数据点是否可能与其邻居重叠，并在必要时添加点的宽度：
for(var i = 1; i<dataset.length;i++){
if((xScale(dataset[i])-xScale(dataset[i-1]))<(2*dotRad)){
dataset[i]+=xScale.invert(2*dotRad);
}
}
然而，正如中所示，xScale.invert(2*dotRad)在前两个
浏览 2提问于2016-01-15得票数 0
回答已采纳
我正在尝试在D3中创建一个实时的折线图。我的数据格式为[Date，value，Date，value。当我没有收到任何数据时，该值将为0。我希望这些值的线断开，这样就不会绘制它们。然后，我会在我的图形中缺少数据的地方得到间隙。
有谁知道我会怎么做吗？
浏览 0提问于2013-01-03得票数 2
回答已采纳
1回答
如何加厚多段线？
、、、
我正在寻找一种算法，可以让我加厚给定的折线--或者创建第二条折线的算法，它可以被认为是“粗线”的左/右边界。
输入是二维(多段线)和宽度中的点序列。宽度是线段与原始多段线和创建的多段线之间的距离(它可以在“转向”时局部变化，即顶点)。
条件--此算法不应在顶点上创建圆弧，也不应创建新顶点。它只能减少顶点的数量。
示例：
--
/ \
/ \
A B
考虑创建从A到B的“外部”折线，我们有3个顶点，我们将有3个顶点：
---
/ \
/ \
/ \
A B
但是，当创建“内部”折线时，可能会出现顶点
浏览 1提问于2015-12-01得票数 0
1回答
我有一个d3线图，如这个所示
这张图表一开始看起来和工作都很棒，但是我有一个更新问题。在小提琴中按下更新按钮。
为什么这条线只是平直的，而不是显示更新的数据，我的预期？
我怀疑问题就在上面的更新函数的这一行附近。
svg.select(".line")
.transition().duration(750)
.attr("d", valueline(chartData));
但我不能锻炼，为什么这条线是完全扁平的/不正确的？
有什么建议吗？
浏览 0提问于2013-11-21得票数 1
回答已采纳
我已经创建了一个小偏移量的标记，以便标记的尖端恰好位于我的地图上的正确位置。现在我想在标记之间画线，但是当我这样做时，它们是在标记的尖端，并且我希望它们位于标记的中心。我已经检查了文档，并搜索了SO和Google，除了从一条线到另一条线进行偏移之外，没有看到任何关于创建折线偏移的内容。
如果我没有在标记上使用偏移，多段线就是我想要的位置，但是我的标记点在错误的位置。
我也使用像素坐标，因为我使用的是不是地理位置的自定义地图。
我该怎么做呢？
标记代码
var baseIcon = L.Icon.extend({
options: {
shadowUrl: &#
浏览 1提问于2019-11-17得票数 0
在Oracle APEX 5.0中，我想创建一个基线偏差图，其中应以以下格式显示该图。
给定X轴是日期列，Y轴是数值列，我应该能够通过一条线突出显示最小的值(正如你在上面的图表中看到的那样，红色的线是一个基准值)，除了在chart.So上的线性显示之外，我尝试使用"D3折线图“插件，但似乎它不能以预期的格式显示图表。
您能建议一下是否可以创建这样的图表吗？这需要什么插件呢？
浏览 2提问于2015-10-22得票数 0
在学习d3动画线条图的同时。
我遇到了两种不同的制作线图的方法，但仍然无法区分两者之间的区别。
两起案件如下。
1)用.attr(d，line(data))表示的单画线2)用.attr (d，函数(D){返回线(D)})绘制的两条线
为什么有些情况是通过调用line函数来绘制的，而另一种情况则要求我创建一个匿名函数并将行函数放在其中？
这是我碰到的例子。
1)一个例子--
2)案例二：
浏览 0提问于2020-03-29得票数 0
回答已采纳
3回答
我用D3显示了一个折线图，代码大致如下(给定刻度函数x、y和浮点数组data)：
var line = d3.svg.line()
.interpolate("basis")
.x(function (d, i) { return x(i); })
.y(function (d) { return y(d); });
d3.select('.line').attr('d', line(data));
现在我想知道在给定的水平像素位置处的直线的垂直高度。data阵列具有比像素更少的数据点，并
浏览 40提问于2012-07-16得票数 18
回答已采纳
我在d3中制作了这个简单的线图，但是除了显示鼠标上方的工具提示数据之外，我还想显示工具提示的蓝色虚线与数据路径在第一个实例中相交的数据。
对于下面的链接，如果鼠标停留在2012年，2005年的数据将显示在工具提示线和数据路径之间的第一个交叉点。
有什么想法吗？谢谢
浏览 4提问于2015-09-07得票数 1
回答已采纳
1回答
我有一个nvd3折线图，它显示了一个时间序列，但无法正确地确定x轴上的刻度。
对于更长的时间跨度，它可以按预期工作。但对于较短的时间跨度(此处: 12/31/05到01/01/06)，多个刻度显示相同的日期：
请看一下
我希望图表只显示数据点的刻度，而不是中间的刻度。这可以用折线图实现吗？据我所知，使用d3是可能的，但是我不知道nvd3是否公开了这个功能。
我曾尝试使用chart.xAxis.ticks()显式设置刻度数，但没有成功。唯一有效的方法就是使用chart.xAxis.tickValues([...])显式地设置滴答值，但我不希望自己去计算它们。
浏览 0提问于2014-01-22得票数 4
回答已采纳
1回答
我为产妇和新生儿开发了一个mHealth应用程序。正如我们所看到的()，应用程序中有一个线图，需要有两个固定的行，名为“警报线”和“动作线”。此外，每一行将被添加到线图表中，应该检查警报线和动作线的位置，以指定它们在它们的左边/右边。我将在应用程序中使用AChartEngine，但我真的需要知道这一点：
有可能有两条固定位置的静态线路和AChartEngine吗？
是否可以指定新添加的线朝向“动作线”和“警报线”的位置？
请让我知道以上的问题。如果不可能(应用程序的上述要求)与AChartEngine，请建议我的另一个解决方案。
浏览 1提问于2013-02-16得票数 0
回答已采纳
大家好，当我尝试创建时间线图表时，我得到了以下错误。我导入了d3和d3时间线 import * as d3timelines from 'd3-timelines';
import * as d3 from 'd3';
export class DashboardThreadedComponent implements OnInit {
private data: any = [
{label: 'person a', times: [
{starting_time: 1355752800000, en
浏览 17提问于2019-05-28得票数 0
回答已采纳
我正在尝试制作一些报告折线图，如果我从查询中为将出现在折线图中的每列(日期)数据返回一个数据行，则会发现最简单的方法。挑战是我想要多行代码。
下面是我可以用一个简化的数据示例来做的事情：
| DATE | SALES | LOCATION |
| 2012-01-07 | 500 | 1 |
| 2012-01-07 | 600 | 2 |
| 2012-01-14 | 700 | 1 |
| 2012-01-14 | 400 | 2 |
| 2012-01-21
浏览 0提问于2012-03-09得票数 2
回答已采纳
3回答
D3线图而非脆片
、、、
我第一次使用d3来制作一个线图，并使它工作得很好。然而，这条线看起来不是反别名的(有锯齿状的边缘)，文本看起来也不清晰。
我有以下线条图的样式：
.axis path, .axis line {
fill: none;
stroke: #757575;
shape-rendering: crispEdges;
stroke-width: 2px;
}
.line {
fill: none;
stroke-width: 3px;
}
我错过什么让这个看起来更干净了吗？谢谢。
浏览 6提问于2014-10-01得票数 0
回答已采纳
我有二维数据(2处理x3天)，目标是用2条线绘制表示均值和误差条的线图。然而，当我使用“绘图”来绘制方法时，结果是3×3平方的图(不知道它是什么)。
数据：
no. ,Treatment, D1, D2, D3
1, A , 4 , 5 , 5
2, A , 6 , 6 , 4
3, A , 5 , 7 , 8
4, B , 2 , 1 , 3
5, B , 3 , 2 , 2
6, B , 3 , 2 , 3
我使用aggregate来计算平均值和标准错误。然而，当我使用plot时，结果是奇怪的。
dta=read.table(file ='dta.csv'
浏览 1提问于2019-09-22得票数 1
回答已采纳
我正在尝试为我的折线图创建一个工具提示，它向x和y轴发送虚线(与这个d3 n00b示例相同，但我的图表有多条线)
我尝试设置了两个焦点组，尝试将额外的行信息添加到现有的组中，但我只能得到在两行上运行的日期，但虚线和数据信息只对其中一行有效。
任何帮助都将被感激地接受。
下面是包含代码的图表：
浏览 1提问于2015-08-12得票数 0
我遇到了一个问题，我在多线图上绘制圆，每条线都有不同的颜色(圆与颜色相匹配)。问题是我在圆圈上写圆圈的方式--当我试图隐藏特定的圆圈时，这是一个问题。
我想根据名称绘制圆，但我不确定如何将上面的D3函数限制为只有一个名称-目前它绘制每一行的所有圆。
有没有办法使用d.name将每次绘图限制为一个名称？
谢谢
浏览 1提问于2017-10-17得票数 0
我有一个二维线图：
d3 = [1, 3, 5, 6, 8, 9];
plot(d3, '-ob');
我想知道如何将值插入到线图的标记中，例如将y值插入到标记的中心。例如：
这有可能吗？
浏览 0提问于2013-07-23得票数 3
回答已采纳
此代码在右值y处绘制一条线，而不是x值，该值需要是先前绘制的折线图上的一个点。基本上，我想在折线图中画一条从一点到另一点的线。
我想检索绘制为折线图的"d.close“的x坐标。这条线必须从y轴到“d.close”的点值
var st=line[v];
var x=v+1;
var end=line[x];
var mean_value = meanArr[v];
svg.append("line")
.attr("class", "mean-line")
.attr({ x1: st, y1: y(mean_value)
浏览 2提问于2014-02-26得票数 3
回答已采纳
1回答
我有一系列的离散点，我正在绘制一个线图。D3正在处理离散数据点的插值，以创建一条平滑的直线。
例如。
var data = [0, 1, 2, 4, 8, 4, 2, 1, 0];
var line = d3.svg.area()
.x(function (d, i) { return i * lineWidth })
.y1(function (d, i) { return h - hOf(d) })
.y0(h)
.interpol
浏览 3提问于2013-10-28得票数 2
回答已采纳
2回答
d3折线图标签重叠
、、、
我基于下面的示例创建了一个折线图：
然而，对于我的数据，线标签(城市)最终会重叠，因为不同线在y轴上的最终值经常是很接近的。我知道我需要比较每一行的最后一个值，并且当这些值相差12个单位或更小时，将标签向上或向下移动。我的想法是查看由这段代码编写的文本标签
city.append("text")
.datum(function(d) { return {name: d.name, value: d.values[d.values.length - 1]}; })
.attr("transform", function(d) { return "tran
浏览 0提问于2013-04-02得票数 4
1回答
使用d3，我想在一个页面上绘制几个时间序列折线图，每个图表都有两条线。
将上的示例用于多个图表时，我让代码在每个图表上使用单行。但我不确定如何最好地修改该示例以使用多线图。
该示例执行以下操作：
d3.csv("sp500.csv", function(data) {
var formatDate = d3.time.format("%b %Y");
d3.select("#example")
.datum(data)
.call(timeSeriesChart()
.x(function(d) { re
浏览 2提问于2013-05-01得票数 2
回答已采纳
2回答
在弧形弧内弯曲线图
、、、、
我对D3很陌生，也很了解它。我在试着建立一个曲线线图。那就是我想在半圆内弯曲线图。如果有人能告诉我如何在D3中处理这个问题，那将是很有帮助的。
如下链接所示：
浏览 3提问于2014-10-18得票数 1
回答已采纳
1回答
我使用Mike Bostok的来使用d3和Google Maps来显示等高线。下面是我的代码：
一切看起来都很好，除了等高线图不能在Google Map的可见区域之外绘制。我试图通过调整地图的尺寸来解决这个问题：
#map {
width: 100%;
height: 3000px;
top: -1000px;
}
这不是最优的，也不能完全解决问题，因为如果我放大太多，绘图的大小将很快超过地图的大小，平移地图将使其可见。
有没有其他方法可以解决这个问题？
浏览 0提问于2013-02-16得票数 4
1回答
d3很酷，我刚开始做新手。有几个直方图的例子，我决定使用。我做了一个关于d3的累积线图、累积分布和累积频率的简短搜索，但是没有找到我想要的任何东西，但我找到的最接近的是，根据一个更好的解决方案，我会尝试去追求它，看看我是否可以根据我的需要定制它。不过，理想情况下，我正在寻找类似于的直方图，其顶部覆盖着累积频率/分布线(其轴/标签位于右侧的y轴)。是否有这样一个与d3 (理想情况下可作为示例/演示可供使用)的等效功能？这样我就有1张图表而不是2张。
如果没有现成的例子/演示，有什么技巧来扩展我所选择的直方图实现，在同一张图上的累积频率线与一个轴标签向右？因为我是个新手，我很难/很难自己弄清楚。
浏览 7提问于2016-01-24得票数 0
回答已采纳
1回答
我正在尝试创建一个带有D3线图的传单中的合唱图。我跟随创建了一个副线图，我跟随创建了一个D3线图。当我试图将两者结合在一起时，传单choropleth地图呈现了用于D3线条图的样式，特别是这种CSS样式：
path {
stroke: steelblue;
stroke-width: 1;
fill: none;
}
州的轮廓是钢蓝色而不是白色，这是由这个函数定义的：
function style(feature) {
return {
weight: 2,
浏览 4提问于2015-05-23得票数 0
回答已采纳
1回答
希望使用power BI中的切片器动态移动折线图的一个子部分。我想展示不同时间点的市场隐含利率与实际利率的叠加。 我有一组数据，包括月底的历史利率和市场对未来X个月利率的预期。对于每个月，我有29个观察结果:当前利率和28个月后的28个预期利率。 我想要的是让切片器沿着实际的线移动预期的线，如下所示。也就是说，蓝线应该是固定的，并且每个切片器位置都应该生成一条新的红线。例如:下图将由切片器位置产生: 2015年5月。 ? 这是一个宽泛的问题，因为我问的是我应该实现的结构，而不是具体的代码。我是一个使用Power BI的初学者。 提前谢谢你。
浏览 27提问于2019-08-22得票数 0
1回答
呼叫已连接的线路
、、、
我有一种由垂直线、水平线和对角线组成的形状。我有每条线的起点X，Y和终点X，Y(这是我的输入-只有2个点定义了一条线)，我想让整个形状变得可伸缩(只需改变比例变量的值)，这样我仍然可以保留线和比例的正确连接。只是为了更好地理解我的意思:这就像我在矢量编辑器中有相同的行一样。
如果没有这样的算法，你能给我另一个可能的解决方案吗？
非常感谢您的提前！
浏览 2提问于2010-05-21得票数 0
回答已采纳
1回答
我有一幅画里面有几条线，我需要动画它移动它，同时把它从一个矩形转换成一个平行四边形，如下面的玩具示例图像所示。我想知道是否有任何库可以执行这样的操作，而不需要自己写一个复杂而低效的例程。我已经准备好使用一些图形库，如d3、Raphael或High曲线图，但我不知道它们是否有我描述过的例行公事。最容易做的事情是什么？
浏览 1提问于2014-12-27得票数 0
回答已采纳
1回答
我想问的是，是否有办法用一条线连接多个点，就像在一条线图中那样，而不是用一条线连接A和B，然后用另一条线连接B和C。有没有一种方法只用一条线连接A-B-C？
浏览 6提问于2022-10-31得票数 0
1回答
未绘制的多段线
、、
我在android中遇到了polyline的问题
正如您在上图中所看到的，它有一条长线绘制到我的地图底部，但这条线不应该在那里
但当我沿着这条线走到底部，或者像上图那样缩小地图时，这条线就消失了
有没有人能帮我？
浏览 6提问于2016-03-07得票数 0
7回答
我想在D3中创建一个时间序列折线图，下面的图表有一个较小的版本，允许用户放大图表的某些部分，如。
我找到的最接近的例子是这个泳道图表：
有没有人有在D3中用折线图来做这件事的例子？
注意:我肯定想要一个小版本的图形，上面有一个可调整大小的画笔，而不是一个纯粹的可拖动/可缩放的x轴，就像。
理想情况下，我希望使用，但是人力车示例是。所以一个人力车的例子会更好。
浏览 0提问于2012-08-13得票数 31
1回答
我希望根据每个数据点与平均值之间的距离绘制一个简单的直线图。(上、下等)。我是用做模型的
我似乎搞不懂的两个问题--为什么我的线不画？我已经看过每一条线了，似乎弄不清楚。
第二，如何消除y轴上的缩放？所有的烫伤似乎都不是不正常的，我不能治好。我想这和缩放有关。
var x = d3.time.scale()
.range([0, width]);
var y = d3.scale.log()
.range([height, 0]);
x.domain(d3.extent(data, function(d) { return d.date; }));
y.domain(d3.exte
浏览 0提问于2018-08-25得票数 1
回答已采纳
1回答
gRaphael折线图阴影更改
、、、、
我目前正在用gRaphael实现一个折线图，它要求x轴向上移动y轴，这样它就位于零上(我已经通过绘制自己的轴实现了这一点)。
但是，当我尝试对x轴上方/下方的区域进行着色时，我遇到了一个问题；gRaphael的着色函数只对图形底部到y高度进行着色(而不是从y轴上的0到y高度)。结果如下：
我在g.line.js中发现了几行代码，它们看起来可能会有帮助，但我不知道"L“、"C”和"M“值是什么意思(我假设它们是告诉程序的一部分绘制一条线，等等？)
任何比我消息灵通的人的帮助都将不胜感激！
浏览 1提问于2011-09-08得票数 1
3回答
我在设置子图的位置时遇到问题。我在循环中使用subplot。但是，当我尝试对子图进行特殊定位时，它不起作用。这是我的代码：
h=subplot(2,2,3);
set(h,'position',[0.15 0.15 0.4 0.4]);
plot(d3,S3,'*','Color',colors(i,:));
我尝试了不同的方法，但看不到第三个子图，有时曲线图只显示一次迭代。
我该如何解决这个问题呢？
浏览 0提问于2013-05-27得票数 3
回答已采纳
有没有一种方法可以使用D3在两个移动元素之间连接一条线，并确保即使元素移动(动态移动或手动拖动)，它们也保持连接？
浏览 0提问于2013-04-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
