डी 3 जेएस - http के बिना लोडिंग जेसन

Question

मैं डी 3 सीख रहा हूं। डी 3 जेएस में certain ways of loading the data हैं। लेकिन उनमें से सभी एक HTTP प्राप्त करने लगते हैं। मेरे परिदृश्य में, मेरे पास स्ट्रिंग में पहले से ही जेसन डेटा है। मैं एक और http अनुरोध करने के बजाय इस स्ट्रिंग का उपयोग कैसे कर सकता हूं? मैंने इसके लिए दस्तावेज देखने की कोशिश की लेकिन मुझे कोई नहीं मिला।

यह काम करता है:

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

अब, अगर मेरे पास है:

//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 }]}]}]}'; 

कैसे मैं पहले से ही d3 & गणना 'myjson' का उपयोग सर्वर के लिए एक async कॉल से बचने के? धन्यवाद।

Answer 1

, बस के साथ

json = JSON.parse(myjson); 

आईई d3.json कॉल की जगह:

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 

अद्यतन 09/2013

मूल कोड बदल गया है। तो VARNAME jsonroot होना चाहिए:

// 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

इस उदाहरण के अनुसार:

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

यहाँ वे चर $ डेटा के भीतर ग्राफ डेटा भंडारण कर रहे हैं, और .data के माध्यम से इसे स्थापित करने ($ डेटा) समारोह।

मैं इस विधि को जो भी ग्राफ आप उपयोग कर रहा हूं, उस पर लागू करूंगा।

Answer 3

chumkiu से जवाब मेरे लिए महान काम किया लेकिन तोड़ मरोड़ के एक जोड़े की जरूरत - वैकल्पिक रूप से d3 बबल चार्ट के नवीनतम संस्करण में, आप बल्कि json से जड़ परिभाषित करने की आवश्यकता के रूप में में

root = JSON.parse(myjson); 

,, आप पाठ्यक्रम के शेष कोड में "जड़" के साथ "रूट" को प्रतिस्थापित कर सकता है। :-)

स्थानीय डेटा सेट का उपयोग करने वाले डी 3 नोड-लिंक पेड़ों के बारे में प्रश्नों के साथ इस उत्तर में आने वाले किसी भी व्यक्ति के लिए, यह उत्तर मेरे लिए बहुत अच्छा काम करता है - इस पृष्ठ पर योगदानकर्ताओं के लिए बहुत धन्यवाद।