d3 js - ładowanie json bez http get

Question

Uczę się d3. Istnieje certain ways of loading the data w d3 js. Ale wszystkie wydają się robić HTTP GET. W moim scenariuszu mam już dane json w ciągu znaków. Jak mogę użyć tego ciągu zamiast innego żądania http? Próbowałem szukać dokumentacji, ale nie znalazłem żadnego.

to działa:

d3.json("/path/flare.json", function(json) { 
    //rendering logic here 
} 

Teraz, jeśli mam:

//assume this json comes from a server (on SAME DOMAIN) 
var myjson = '{"name": "flare","children": [{"name": "analytics","children": [{"name": "cluster","children": [{"name": "MergeEdge", "size": 10 }]}]}]}'; 

Jak używać już obliczone 'myjson' w d3 & uniknąć połączenia asynchronicznego do serwera? Dzięki.

Answer 1

Wystarczy wymienić d3.json połączenia z

json = JSON.parse(myjson); 

IE:

var myjson = '{"name": "flare","children": [{"name": "analytics","children": [{"name": "cluster","children": [{"name": "MergeEdge", "size": 10 }]}]}]}'; 

// d3.json("/path/flare.json", function(json) { #delete this line 

    json = JSON.parse(myjson); //add this line 

    //rendering logic here 

//} #delete this line 

AKTUALIZACJA 09/2013

kod oryginalny uległ zmianie. Więc varname json powinny być root:

// d3.json("flare.json", function(error, root) { #delete this line 

    root = JSON.parse(myjson); //add this line 

    //rendering logic here 

//} #delete this line 

Answer 2

Zgodnie z tym przykładem:

http://phrogz.net/JS/d3-playground/#StockPrice_HTML

Oto one przechowywanie danych wykresu wewnątrz zmiennej $ data i ustawienie go poprzez .data ($ dane).

Zastosowałbym tę metodę do dowolnego wykresu, którego używasz.

Answer 3

Odpowiedź z chumkiu pracował wielki dla mnie, ale potrzebuje kilku poprawek - w najnowszej wersji wykresu d3 bąbelkowych, trzeba zdefiniować korzeń zamiast JSON, podobnie jak w

root = JSON.parse(myjson); 

Alternatywnie, ty może zastąpić "root" przez "json" w pozostałej części kodu oczywiście. :-)

Dla każdego, kto przyszedł do tej odpowiedzi z pytaniami na temat drzew węzłów d3, które wykorzystują lokalne zbiory danych, ta odpowiedź zadziałała dobrze - wiele podziękowań dla autorów na tej stronie.