treant-js icon indicating copy to clipboard operation
treant-js copied to clipboard

Last stackChildren - Right Connector

Open andersonkoester opened this issue 7 years ago • 0 comments

Is there something I can make to create something like this image? treant

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: treant

andersonkoester avatar Jun 21 '17 19:06 andersonkoester