消息"d3.js TypeError:n未定义"(对于带有强制布局的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.