[Treantjs]: how to add text on the connect edge?

[egor-progger]

Description from treantjs issue

how to add text on the connect edge as the following?

simple_chart_config = {
    chart: {
        container: "#tree-simple",
      rootOrientation: "WEST",
       levelSeparation: 450,
      nodeAlign: "BOTTOM",
       connectors: {
      type: "step",
      style: {
        "stroke-width": 2
      }
    },
    },
   
    nodeStructure: {
        text: { name: "Parent node" },
        children: [
            {
                text: { name: "First child" }
            },
            {
                text: { name: "Second child" }
            }
        ]
    }
};

var my_chart = new Treant(simple_chart_config);

Treantjs issue link

fperucic/treant-js#154

[isidrohan]

To add text labels to the connectors (edges) between parent and child nodes in a Treant chart, we can use the HTMLclass property within the connectors configuration and then add CSS to style the labels.

[egor-progger]

To add text labels to the connectors (edges) between parent and child nodes in a Treant chart, we can use the HTMLclass property within the connectors configuration and then add CSS to style the labels.

@isidrohan , can you create pull request with your ideas?