d3.js - 消息“d3.js TypeError: n is undefined”（对于具有强制布局的 D3 世界地图）

Question

我正在尝试这个网站的代码：http: //bl.ocks.org/bycoffe/3230965

我一直有“n未定义”的错误。

在进一步缩小规模后，我得出的结论是，问题出在以下几行：

(function() {
      var width = 800;
      var height = 700;
      var padding = 10;
      var k;
      var node;

      var pixelLoc = d3.geo.mercator();
      pixelLoc.scale(2000);

      svg = d3.select('#map')
              .append('svg:svg')
              .attr('width', width)
              .attr('height', height);

      d3.json('coordinates.json', function(coordinates) {

        var coords = [];
        var xs = [];
        var ys = []
        for (alias in coordinates) {
          coords.push(coordinates[alias]);
          xs.push(coordinates[alias][0]);
          ys.push(coordinates[alias][1]);
        }

        var minX = d3.min(xs);
        var maxX = d3.max(xs);
        var xScale = d3.scale.linear().domain([minX, maxX]).range([-50, -30]);
        var minY = d3.min(ys);
        var maxY = d3.max(ys);
        var yScale = d3.scale.linear().domain([minY, maxY]).range([-20, -10]);

        d3.json('medals.json', function(medals) {

            var pointScale = d3.scale.sqrt().domain([0, 80]).range([0, 75]);

             nodes = []

             for (i=0; i<medals.length; i++){
                node = medals[i];
                node.coordinates = coordinates[node.alias];
                node.cx = xScale(pixelLoc(node.coordinates)[0]);
             }

        })

问题出现在最后一行：

node.cx = xScale(pixelLoc(node.coordinates)[0]);

但是，我仍然不知道“n 未定义”是什么意思。有人能帮忙吗？

Answer 1

如果您使用 d3.min ：

将库从 d3.min.js 更改为 d3.js 您可能会发现错误更改为

类型错误：数组未定义

这意味着函数 min 和 max 不能正常工作。

    var minX = d3.min(xs);
//Change this for actual min value and max for actual max value and it should work.