2

所以我在屏幕上有这样的图像:

我已经查看了创建条形图的示例,但我遇到的问题是从负数到零到正数的图表。我想知道每行是否应该是 3 条(负到零,平均点矩形,然后从平均值到最大值)。

这有点像蜡烛图,但水平。

任何帮助将非常感激。

这是我迄今为止所取得的成就:http: //jsfiddle.net/jLjPz/

4

1 回答 1

2

我已经修改了您的 jsfiddle,使其看起来与您提供的图像相似。关于我的更改需要注意的几点:

http://jsfiddle.net/jLjPz/3/

对于线性比例,您可以将负数和正数输入数组。因此.domain([0,100]),您应该使用 ,而不是使用.domain([-100,100])

您可以使用此比例来映射您的d[0]和 ,d[1]以便在绘制矩形时,您的轴将显示正确的大小。

最后,我做了一些数学运算来获取您的 [start, width] 值,以使它们与比例很好地配合使用。

x(d[0])是每个矩形的正确缩放位置。
x(d[1]+d[0])-x(d[0])是每个矩形的正确缩放宽度。
x(d[1]+d[0])-x(d[0]))/2+x(d[0])是矩形的正确缩放的中点。

希望这可以帮助!

于 2012-09-11T01:22:04.737 回答