d3.js中条形图的负高度值误差

时间:2015-08-07 06:27:55

标签: javascript d3.js

我在我的代码中遇到错误,其中的高度在此代码中计算:

height: function (d) {
                    console.log( d.value);
                    return canvas.height - MARGINS.top - d.value;
                }

其中高度最终为负数,因此无效,因为" d.value"大于高度。我真的不明白为什么会这样,并且真的很感激一些帮助。

完整代码: http://jsfiddle.net/1uo0xz93/3/

1 个答案:

答案 0 :(得分:1)

使用abs()函数可以找到对此问题的修复。当条形图中的值低于零时,程序会搞乱。由于我试图绘制正整数,因此有必要使所述整数为正。这样做导致了成功的运行和理想的结果。