1

我在 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;
});

我将非常感谢任何帮助,因为这让我好几天摸不着头脑。

4

1 回答 1

3

解决了我的问题。问题是为 Y 轴提供的数据是字符串,这使得所谓的数字加法变成了字符串连接:

"123" + "902" + "384" + "382" == "123902384382"; // (instead of 1791)

我所做的是遍历数据并将字符串转换为数字。

于 2012-10-26T22:22:07.197 回答