d3.js屬性，變換，使用折線

當翻譯

我的代碼安全地保存在我的bl.ocks site d3.js屬性，變換，使用折線

我已經有效轉化的散點圖成六邊形的情節通過定義一個折線形狀與6個邊和引用在HEX代碼而不是圈子。但是，我的散點圖始於（0,0）處的圖形標度原點。我的六角形圖開始偏移-50，-20，我無法找到解決方法將其恢復爲（0,0）。

Here是信息

2016-02-04 RjD

您需要在此行中刪除transform散點圖代碼。

svg.append("g") 
    .attr("class", "path.hex") 
    .attr("transform", "translate(50, 20)") 
    .call(hex);

和潛在的50,20翻譯在這條線（我想你可能仍然需要鱗）

hexs.attr("transform", function(d) { 
return "translate(" + xScale(d.Board) + 50 + "," + yScale(d.Alight) + 20 + ")" + " scale(" + rScale(d.Totals) + ")" 
})

來源

2016-02-04 02:39:07 aug

您好，感謝您的答覆。不幸的是，這並沒有什麼區別... – RjD

更新了我的答案。我還建議區分你的非六邊形代碼和你的六邊形代碼，看看還有什麼其他的區別。路徑信息需要保留，以便您可以繪製SVG，但應引用任何其他已引入的代碼。 – aug

d3.js屬性，變換，使用折線

回答

相關問題