小编Aar*_*ank的帖子

如何使用 d3js 连接地图上的坐标点?

我无法使用 d3 将点与地图上的线连接起来。我认为我应该使用 d3.svg.line() 来创建点 - 但是当我这样做时,我只会得到一个非常小的 blob。请参阅下面的链接以获取迄今为止我能够完成的截图 - 我想用一条线连接黑点。任何帮助将非常感激。

截屏

  var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height*3 + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

  var group = svg.selectAll("g")
      .data(data)
      .enter()
      .append("g")

  var projection = d3.geo.mercator().scale(5000).translate([-2000,5900]) 
  var path = d3.geo.path().projection(projection)
  var graticule = d3.geo.graticule()
  var line = d3.svg.line()
      .interpolate("linear")
      .x(function(d) { d.geometry.coordinates[0]; })
      .y(function(d) { return d.geometry.coordinates[1] ; });

      // this returns a parse error 
      // .x(function(d) …
Run Code Online (Sandbox Code Playgroud)

svg d3.js

5
推荐指数
1
解决办法
1731
查看次数

标签 统计

d3.js ×1

svg ×1