所以我在屏幕上有这样的图像:
我已经查看了创建条形图的示例,但我遇到的问题是从负数到零到正数的图表。我想知道每行是否应该是 3 条(负到零,平均点矩形,然后从平均值到最大值)。
这有点像蜡烛图,但水平。
任何帮助将非常感激。
这是我迄今为止所取得的成就:http: //jsfiddle.net/jLjPz/
所以我在屏幕上有这样的图像:
我已经查看了创建条形图的示例,但我遇到的问题是从负数到零到正数的图表。我想知道每行是否应该是 3 条(负到零,平均点矩形,然后从平均值到最大值)。
这有点像蜡烛图,但水平。
任何帮助将非常感激。
这是我迄今为止所取得的成就:http: //jsfiddle.net/jLjPz/
我已经修改了您的 jsfiddle,使其看起来与您提供的图像相似。关于我的更改需要注意的几点:
对于线性比例,您可以将负数和正数输入数组。因此.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])
是矩形的正确缩放的中点。
希望这可以帮助!