How to create HTML node at runtime using add method in JS Diagram?

function createTemplateNode(node) {
            //create an script template
            var script = document.createElement("script");
            //create a name with random id and assign it to the node name and templateId
            var name = node.name + ej.datavisualization.Diagram.Util.randomId() + "_htmlTemplate";
            //set an id to the script template
            ej.datavisualization.Diagram.Util.attr(script, { id:name, type: "text/x-jsrender" });
            //create a div element
            var container = document.createElement("div");
            //set an attribute to div element
            ej.datavisualization.Diagram.Util.attr(container, { "style": "height: auto; width:auto; display: inline-block;" });
            var div = document.createElement("div");
            var height = (100 / node.addInfo.length);
            ej.datavisualization.Diagram.Util.attr(div, { "style": "height: " + height + " %; display: block; border-style:solid;border-width:1px;background-color:lightgrey" });
            var span = document.createElement("span");
            span.appendChild(document.createTextNode("TOTAL COUNTS(SYMBOL)"));
            div.appendChild(span);
            //append the div element to the script template
            script.appendChild(div.cloneNode(true));
            container.appendChild(div);
            document.body.appendChild(container);
            document.body.appendChild(script);
            node.height = container.offsetHeight;
            node.width = container.offsetWidth;
            //set an node template
            node.templateId = name;
            document.body.removeChild(container);
            return node;
        }
$("#diagram").ejDiagram({
             //define nodeCollectionChange event
            nodeCollectionChange: nodeCollectionChange,
        });
 
        function nodeCollectionChange(evt) {             
            var node = evt.element;
            node = createTemplateNode(node);
        }
 
var node = {
            name: "Node1", offsetX: 200, offsetY: 200, type: "html", addInfo: [["Type", "Off", "Enl", "Ciy", "Tot", "CMe", "Oth", "Gtot"]],           
        };         
        //render the node at runtime
        $("#diagram").ejDiagram("instance").add([node]);