treant-js
treant-js copied to clipboard
Last stackChildren - Right Connector
Is there something I can make to create something like this image?
My JSON is:
{
chart: {
container: "#basic-example",
siblingSeparation: 0,
levelSeparation: 25,
subTeeSeparation: 0,
connectors: {
type: 'step',
style: {
stroke: '#979797',
"stroke-width": 2
},
stackIndent: 10
},
nodeAlign: 'CENTER',
node: {
HTMLclass: 'node-item',
drawLineThrough: true
}
},
nodeStructure: {
text: {
name: "VP Corporativo"
},
children: [{
text: {
name: "Diretoria Financeira"
},
children: [{
pseudo: true,
text: {
name: "esquerda"
},
stackChildren: true,
children: [{
text: {
name: "Gerência Planej Financeiro UN Varejo"
}
},
{
text: {
name: "Diretoria Finanças"
}
},
{
text: {
name: "Gerência Planej Fin - qdb?/Intern/E-comm"
}
}
]
},
{
stackChildren: true,
pseudo: true,
text: {
name: "centro"
},
children: [{
text: {
name: "Gerência Planej Financeiro qdb?"
}
},
{
text: {
name: "Diretoria Tributária e Contabil"
}
},
{
text: {
name: "Gerência Planej Financeiro Operações"
}
}
]
},
{
stackChildren: true,
pseudo: true,
text: {
name: "direita"
},
children: [{
text: {
name: "Diretoria Planejamento e Estratégia"
}
},
{
text: {
name: "Gerência Planej Fin. - Eudora & TBB"
}
}
]
}
]
}]
}
}
Currently I`m getting this one: