D3 Hexbin網格對齊

我有問題得到六邊形的網格重疊正確的六邊形創建顯示數據。 fiddle D3 Hexbin網格對齊

這是來自Lars Karthoff的分支，它只是一個香草圖，圖中間有一個數據點。在我的叉子裏，我做的唯一的定製是添加網格。

svg.append("svg:path") 
 
      .attr("clip-path", "url(#clip)") 
 
      .attr("d", hexbin.mesh()) 
 
      .style("stroke-width", .5) 
 
      .style("stroke", "black") 
 
      .style("fill", "none");

如果網和我的自定義六邊形都使用相同的hexbin功能，他們爲什麼不對齊的？

來源

2014-12-02 David McIntyre

在這種情況下，您需要告訴hexbin佈局關於您使用的縮放比例，而不是在外部應用：http://jsfiddle.net/k02chcch/1/ – 2014-12-02 14:25:29

完美地工作。非常感謝！ – 2014-12-03 02:28:26

問題是，您正在將秤應用於裝箱結果，但不是六角形網格。要正確對準他們，告訴hexbin佈局使用尺度：

var hexbin = d3.hexbin() 
    .size([width, height]) 
    .x(function(d) { return x(d[0]); }) 
    .y(function(d) { return y(d[1]); }) 
    .radius(8);

那麼你也不要繪製的垃圾箱時，需要再次申請鱗 - 座標可以直接服用。完整演示here。

來源

2014-12-03 09:53:07

D3 Hexbin網格對齊

回答

相關問題