Bazı d3 kodunu v3'ten sürüm 4'e güncellemeye çalışıyorum. JSON verilerini kullanarak bir ağaç diyagramım var. D3.v4 örnekleri, tablo verilerini (ör. Flare.csv) stratify() https://bl.ocks.org/mbostock/9d0899acb5d3b8d839d9d613a9e1fe04 kullanarak hiyerarşik verilere nasıl dönüştürüleceğini gösterir. Ama verilerim JSON, bu yüzden stratify() 'ye ihtiyacım yok ya da ihtiyacım yok. Bu kodu çalıştırmadand3.v4'te JSON verilerini kullanarak ağaç düzeni nasıl oluşturabilirim? Stratify()
undefined is not a function (evaluating 'root.eachBefore')
: bu hatayı alıyorum
var height = 200;
var width = 500;
var xNudge = 50;
var yNudge = 20;
var tree = d3.tree()
.size([height, width]);
var svg = d3.select("body").append("svg").attr("width","100%").attr("height","100%");
var chartGroup = svg.append("g").attr("transform","translate(50,200) rotate(-90)");
d3.json("treeData.json", function(treeData) {
var root = treeData[0];
tree(root);
console.log('hello');//doesn't log to console, i.e. error occurs beforehand
}
treeData.json:
[
{
"name": "Top Level",
"parent": "null",
"children": [
{
"name": "Level 2: A",
"parent": "Top Level",
"children": [
{
"name": "Son of A",
"parent": "Level 2: A"
},
{
"name": "Daughter of A",
"parent": "Level 2: A"
}
]
},
{
"name": "Level 2: B",
"parent": "Top Level"
}
]
}
]
o tabakalandırmak kullanmadan d3.v4 bir ağaç düzen oluşturmak için aslında mümkün mü Yani, zaten hiyerarşik olan verileri kullanarak? Bir örnek biliyor mu, yoksa kodumdaki sorunu tespit edebilir mi? teşekkürler
) (d3.hierarchy tarafından döndürülen nesne içermez Artık "isim" ve "kimlik" özellikleri. – jackOfAll