D3如何用两个y数据之间的x数据绘制图表

Question

我想绘制可以在两个y之间设置x的图表，例如我想用x=100 and y1=200 , y2=500绘制一个图表，只是垂直线条，有很好的细节，哪个图表可以为我做 像这个图像的东西

使用特定的x和y我应该使用哪个图表来绘制

Answer 1

在这里，您可以看到如何使用d3.js制作条形图

Bar chart using d3

现在你想要实现的东西被称为浮动条形图。尽管d3中没有现成的浮动条形图。但我们可以通过对条形图本身进行某些改变来实现它。 当我们在上面的例子中在bar类中附加Rectangle时，只需将height属性更改为

 .attr("height", function(d) { return height - y(d.higher-d.lower)

通过这种方式，它可以从低点到高点给出矩形。 Json采用这种格式

var jsonData=[
 {"letter": "A", "higher": .08,"lower": .05},
 {"letter": "B", "higher": .05,"lower": .03},
 {"letter": "C", "higher": .04,"lower": .02}   
]

SEE DEMO HERE

对于学习d3.js，请遵循此link