响应式自定义图表( angular )

Question

在我的angular web应用程序中，我需要动态创建一个结构图，如附件所示。我已经检查了ngx-graph，谷歌图表，go-js等，但没有一个适合我的确切需求。要求是根节点有多个父节点，并且是多方向的。边要有注释，如图所示。请建议是否有可定制的开箱即用的解决方案，使用任何图形生成工具。或者请建议最好的处理方法。

例如，我需要为下面给定的Json创建一个如下所示的图表

Please click here to see the example chart

{
"class":"Class1A",
"type":"primary",
"Leaders":[
    {
        "name":"Leader1",
        "type":"HeadMistress",
        "comments": "Overall management"
    },
    {
        "name":"Leader2",
        "type":"Floor co-ordinator",
        "comments":"Floor level co-ordination"
    }
],
"Teachers":[
    {
        "name":"Tacher1",
        "type":"Maths",
        "comments":"Some comment"
    },
    {
        "name":"Tacher2",
        "type":"Science",
        "comments":"Some comment"
    },  
    {
        "name":"Tacher3",
        "type":"English",
        "comments":"Some comment"
    }
],
"Managers":[
    {
        "name":"Manager1",
        "type":"Academic Director",
        "comments"::"Some comment"
    },
    {
        "name":"Manager2",
        "type":"Chairman",
        "comments"::"Some comment"
    }   
]

}

Answer 1

致有相类规定的人..我可以使用GoJS https://forum.nwoods.com/t/how-to-create-custom-chart-type-or-modify-existing-type-to-suit-the-need/10982?u=hsrashmi做到这一点

向你致敬，Rashmi