我正在尝试使用 geom.contour d3 库在我们的 Drupal 7 网站上显示 D3 等高线图,它在 IE 和 Chrome 上运行良好,但在 Firefox 中却不行,javascript 错误显示“未定义等值线”这里是等值线定义:
svg.selectAll(".isoline")
.data(color.domain().map(isoline))
.enter().append("path")
.datum(function(d) { return d3.geom.contour(d).map(transform); })
.attr("class", "isoline")
.attr("d", function(d) { return "M" + d.join("L") + "Z"; })
.style("fill", function(d, i) { return color.range()[i]; });
这里几乎看起来很神奇,因为变量 isoline 在我上面显示的代码上方确实不存在...有什么想法吗?当我在 Firefox 的 drupal 之外尝试相同的代码时,它似乎工作正常!
这是我草率的工作示例:http: //jsfiddle.net/csebranek/6F9H5/6/
我懒得弄清楚如何从外部导入 json 数据,所以我把它粘贴在那里,所以你必须向下滚动才能看到 javascript。
我想通了...我必须删除我的 try,catch 块才能让 Firefox 正确渲染它。