Tags

With tags option you can:

Set specific template for tagged nodes. See Multiple Templates in one chart for more details.

Set a template for a tag in the chart configuration:

 
 
    tags: {
        Management: {
            template: "ula"
        }   
    },

Add the tag in the node data:

 
 
        { id: 2, pid: 1, tags: ["Management"] }

Set specific CSS for tagged nodes. See CSS customization for more details.

Create the CSS for a tag (red):

 
 
.node.red rect {
    fill: #750000;
}

Add the tag in the node data:

 
 
        { id: 2, pid: 1, tags: ["red"] }

Create a tag with a specific menu:

 
 
    tags: {
        customMenuItems:{
            nodeMenu:{
                add: {text: "Details" }
            }
        }
    }

Add the tag in the node data:

 
 
        { id: 2, pid: 1, tags: ["customMenuItems"] }

Set a template for an assistant. See Assistant for more details.

Add a template fot the assistant in the configuration:

 
 
    tags: {
        assistant: {
            template: "mery"
        }
    },

Set the node level. See Layout for more details.

Set the sublevel for a tag:

 
 
    tags:{
        "subLevels1": {
            subLevels: 1
        },
    },

Add the tag in the node data:

 
 
        { id: 3, pid: 1, tags: ["subLevels1"] }