javascript - d3.js 中条形图的负高度值错误

标签 javascript d3.js

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

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

其中高度最终为负数,因此无效,因为“d.value”大于高度。我真的不明白为什么会发生这种情况,并且非常感谢一些帮助。

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

最佳答案

可以使用abs()函数来解决这个问题。当条形图中的值低于零时,程序就会出错。由于我试图绘制正整数的图表,因此有必要使所述整数为正数。这样做获得了成功的运行和理想的结果。

关于javascript - d3.js 中条形图的负高度值错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31871051/

相关文章:

javascript - 使用 dc.js 和 crossfilter.js 在 barChart 中正确显示 bin 宽度

javascript - d3 强制 : Calculating position of text on links where links between nodes are arcs

javascript - 将任何类型的 javascript 日期时间变量转换为 moment JS 对象

javascript - 为什么我的解决方案这么慢,如何提高查询性能?

javascript - 为什么我的 map 函数没有返回 d3 js 中的所有 csv 文件行?

javascript - 链接已连接但不可见

javascript - 在 d3.js 中更改家谱中的家庭成员颜色?

javascript - 这个 Flash 工具可以用 JavaScript (jQuery)/HTML5/CSS3 来完成吗?

javascript - Jest 测试在容器中使用 withTracker 的 Meteor React 组件 (meteor/react-meteor-data)

javascript - 使用Ajax插入数据但插入需要时间