D3.js - 从版本2中的path.area更改为版本4

Question

我正在尝试更新d3-cartogram以使用D3.js版本4.到目前为止,一切都很顺利 - 我刚刚更新了所有函数,以便它们被编写在版本4的扁平命名空间中.例如而不是d3.geo.path(),它d3.geoPath().我还更改了一些小东西,以便代码可以使用最新版本的TopoJSON.例如,而不是topojson.object(topology, geom).coordinates,它是topojson.feature(topology, geom).geometry.coordinates.

但我遇到了一个似乎无法解决的问题.该文件cartogram.js有一行读取var areas = objects.map(path.area),其中objects是TopoJSON功能的集合.path.area在D3.js版本2和4中是不同的,我似乎无法调和它们.如果我控制台在每个版本中记录它,它看起来像这样:

• 版本2: function (n){return n&&e.hasOwnProperty(n.type)?e[n.type](n):t}
• 第4版: function (t){return U_(t,r(Ag)),Ag.result()}

在版本4中,它记录错误:Uncaught TypeError: r is not a function.当然,我已经用Google搜索了错误以及我正在尝试做的各种描述,但我没有运气.在此先感谢您的帮助.

Answer 1

正如Mark建议的那样,您应该使用非缩小代码进行调试.来自path/index.js的相关非缩小代码如下所示:

path.area = function(object) {
  stream(object, projectionStream(pathArea));
  return pathArea.result();
};

你的错误说这projectionStream不是一个功能; 它可能是未定义的.投影流由path .projection设置,正如文档所述,您指定的投影必须实现投影 .stream.(设置投影时,不会贪婪地强制执行此错误.当您尝试使用路径时,它会被懒散地抛出.)

这里的问题是D3 3.x的路径 .projection支持"回退投影"的概念,这只是一个将经度 - 纬度数组作为输入,并返回xy数组作为输出的裸函数.D3 3.x会隐式将其包装在默认投影对象中,以添加自适应采样和反瞄准切割等功能.D3 4.0删除了此功能,强制您明确:您必须实现投影 .stream才能使用d3.geoPath.

每变化:

"后备投影" - 当您将功能而不是投影传递给路径 .projection时 - 不再支持.对于地理投影,请使用d3.geoProjection或d3.geoProjectionMutator定义自定义投影.对于任意几何变换,实现流接口 ; 另见d3.geoTransform.

每当您寻求帮助时,我建议您链接到一个演示您的问题的实例,因为一小段代码和描述通常不足以隔离问题.这是不清楚投影你试图用d3.geoPath使用.对于平面变换,您很可能希望使用d3.geoTransform或d3.geoIdentity.对于球面到平面的投影,您需要使用d3.geoProjection或d3.geoProjectionMutator.