角度响应式自定义图表

时间:2018-08-21 07:52:38

标签: angular graph charts

在我的有角度的Web应用程序中,我需要动态创建一个结构图,如附件所示。我已经检查了ngx-graph,google图表,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"
    }   
]

}

1 个答案:

答案 0 :(得分:0)

对于有类似要求的人........ 我能够使用GoJS做到这一点 https://forum.nwoods.com/t/how-to-create-custom-chart-type-or-modify-existing-type-to-suit-the-need/10982?u=hsrashmi

关于, 拉什米