संयुक्त.जेएस में जेएसओएन पढ़ना?

Question

मैं joint.js पुस्तकालय चाहते मेरी JSON पढ़ सकते हैं और एक चार्ट के रूप में यह प्रदर्शित करने के लिए ...

var paper = new joint.dia.Paper({ 
    el: $('#paper'), 
    width: 600, 
    height: 200, 
    model: graph 
}); 

var graph = new joint.dia.Graph; 

jsonstring = '{"employees": [ { "firstName":"John" , "lastName":"Doe" }, { "firstName":"Anna" , "lastName":"Smith" }, { "firstName":"Peter" , "lastName":"Jones" } ] }'; 

graph.fromJSON(JSON.parse(jsonstring)); 

Answer 1

joint.dia.Graph के लिए एपीआई से:

joint.dia.Graph मॉडल सभी पकड़े आरेख के कक्ष (तत्व और लिंक)। यह Backbone model है। सभी कोशिकाओं का संग्रह संपत्ति कोशिकाओं में संग्रहीत किया जाता है।

तो अपेक्षित JSON इस फ़ॉर्म में होना चाहिए: { cells: [] }। जहां cells दोनों तत्वों और लिंक की एक सरणी है। प्रत्येक तत्व प्रपत्र होना चाहिए:

{ 
    id: <string>, 
    type: '<type of shape>', 
    attrs: { <attrs> }, 
    position: { x: <int>, y: <int> }, 
    angle: <deg>, 
    size: { width: <int>, height: <int> }, 
    z: <int>, 
    ... and some other, maybe custom, data properties 
} 

संदर्भ: Using Server Data with JointJS