We need to use bpmn in our project .
Our requirements are to populate tree structure on UI, based on Json data as per following example.
We tried to find it on your site but were not able to find it.
Or is there any other way to convert from this Json file to bpmn format and load it on our UI page.
Basically, as per our investigation bpmn has been created and supported in xml format.
We don’t want to design/create diagram manually in our page.
We want to render the diagram by providing Json data dynamically.
Kindly let us know if it is feasible and also provide reference where it can be seen in action.
var nodeDataArray = [
{ key: 0, parent: 0, name: “Agreement”, gender: “M”, imgStatus1: “1”, imgStatus2: “1”, imgStatus3: “1”, imgValue1: “4/8(50%)”, imgValue2: “1”, imgValue3: “1”, birthYear: “1865”, deathYear: “1936”, reign: “1910-1936” },
{ key: 1, parent: 0, name: “Obligation I”, gender: “M”, imgStatus1: “1”, imgStatus2: “1”, imgStatus3: “1”, imgValue1: “2/2(25%)”, imgValue2: “2”, imgValue3: “2”, birthYear: “1894”, deathYear: “1972”, reign: “1936” },
{ key: 2, parent: 0, name: “Obligation II”, gender: “M”, imgStatus1: “1”, imgStatus2: “1”, imgStatus3: “1”, imgValue1: “4/8(50%)”, imgValue2: “1”, imgValue3: “9”, birthYear: “1895”, deathYear: “1952”, reign: “1936-1952” },
{ key: 3, parent: 2, name: “Obligation Child I”, gender: “M”, imgStatus1: “1”, imgStatus2: “1”, imgStatus3: “1”, imgValue1: “1/1(10%)”, imgValue2: “3”, imgValue3: “4”, birthYear: “1926”, reign: “1952-” },
{ key: 4, parent: 2, name: “Obligation Child II”, gender: “M”, imgStatus1: “1”, imgStatus2: “1”, imgStatus3: “1”, imgValue1: “5/5(60%)”, imgValue2: “5”, imgValue3: “6”, birthYear: “1926”, reign: “1952-” },
{ key: 5, parent: 1, name: “Obligation Child III”, gender: “M”, imgStatus1: “1”, imgStatus2: “1”, imgStatus3: “1”, imgValue1: “9/8(40%)”, imgValue2: “9”, imgValue3: “10”, birthYear: “1895”, deathYear: “1952”, reign: “1936-1952” },
{ key: 6, parent: 1, name: “Obligation Child IV”, gender: “M”, imgStatus1: “1”, imgStatus2: “1”, imgStatus3: “1”, imgValue1: “9/10(20%)”, imgValue2: “3”, imgValue3: “6”, birthYear: “1895”, deathYear: “1952”, reign: “1936-1952” }
];
