我有一个在NVD3中实现的图形,但遇到了严重的麻烦。 NVD3似乎无法处理包含大值的数据集。该图位于此处:http://brad.kizer.com.ng/。图形的代码如下:
nv.addGraph(function() {
// Get maximum and minimum Y values
var minY = 2 >> 30,
maxY = 0;
data.forEach(function (d) {
d.values.forEach(function (s) {
minY = Math.min(minY, s.y);
maxY = Math.max(maxY, s.y);
});
});
var chart = nv.models.stackedArea()
.forceY([0, 20])
.height($(container).closest('.chart').height())
.width($(container).closest('.chart').width());
(Object.prototype.toString.call(data) === '[object Array]') || (data = [data]);
d3.select(container)
.attr('width', $(container).closest('.chart').width())
.attr('height', 250)
.datum(data)
.transition().duration(500)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
我将非常感谢您的帮助,因为这使我数日不停地挠头。
最佳答案
解决了我的问题。问题在于,为Y轴提供的数据是字符串,这使数字加法成为字符串串联:
"123" + "902" + "384" + "382" == "123902384382"; // (instead of 1791)
我要做的是遍历数据并将字符串转换为数字。
关于javascript - NVD3不处理较大的值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13095023/