You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
2.6 KiB
112 lines
2.6 KiB
|
|
var chart_config = {
|
|
chart: {
|
|
container: "#collapsable-example",
|
|
|
|
animateOnInit: true,
|
|
|
|
node: {
|
|
collapsable: true
|
|
},
|
|
animation: {
|
|
nodeAnimation: "easeOutBounce",
|
|
nodeSpeed: 700,
|
|
connectorsAnimation: "bounce",
|
|
connectorsSpeed: 700
|
|
}
|
|
},
|
|
nodeStructure: {
|
|
image: "img/malory.png",
|
|
children: [
|
|
{
|
|
image: "img/lana.png",
|
|
collapsed: true,
|
|
children: [
|
|
{
|
|
image: "img/figgs.png"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
image: "img/sterling.png",
|
|
childrenDropLevel: 1,
|
|
children: [
|
|
{
|
|
image: "img/woodhouse.png"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
pseudo: true,
|
|
children: [
|
|
{
|
|
image: "img/cheryl.png"
|
|
},
|
|
{
|
|
image: "img/pam.png"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
};
|
|
|
|
/* Array approach
|
|
var config = {
|
|
container: "#collapsable-example",
|
|
|
|
animateOnInit: true,
|
|
|
|
node: {
|
|
collapsable: true
|
|
},
|
|
animation: {
|
|
nodeAnimation: "easeOutBounce",
|
|
nodeSpeed: 700,
|
|
connectorsAnimation: "bounce",
|
|
connectorsSpeed: 700
|
|
}
|
|
},
|
|
malory = {
|
|
image: "img/malory.png"
|
|
},
|
|
|
|
lana = {
|
|
parent: malory,
|
|
image: "img/lana.png"
|
|
}
|
|
|
|
figgs = {
|
|
parent: lana,
|
|
image: "img/figgs.png"
|
|
}
|
|
|
|
sterling = {
|
|
parent: malory,
|
|
childrenDropLevel: 1,
|
|
image: "img/sterling.png"
|
|
},
|
|
|
|
woodhouse = {
|
|
parent: sterling,
|
|
image: "img/woodhouse.png"
|
|
},
|
|
|
|
pseudo = {
|
|
parent: malory,
|
|
pseudo: true
|
|
},
|
|
|
|
cheryl = {
|
|
parent: pseudo,
|
|
image: "img/cheryl.png"
|
|
},
|
|
|
|
pam = {
|
|
parent: pseudo,
|
|
image: "img/pam.png"
|
|
},
|
|
|
|
chart_config = [config, malory, lana, figgs, sterling, woodhouse, pseudo, pam, cheryl];
|
|
|
|
*/
|