如何将缩放图表中的链接更改为折线？答案

【问题标题】：How to change links in zoomcharts to be fold-line?如何将缩放图表中的链接更改为折线？
【发布时间】：2017-12-06 09:51:33
【问题描述】：

fold-line-pic

如何将缩放图中的链接更改为折线？

我附上了折叠线的详细图。

感谢您的帮助！

【问题讨论】：

标签： zoomcharts

【解决方案1】：

您可以使用不可见的节点来实现这种布局。此外，您应该使用固定布局来控制项目的位置。这是一个简单的例子：

var data = {
    "nodes":[
        {"id":"n1", "loaded":true, x:100, y:0},
        {"id":"n2", "loaded":true, x:0,y:0, style: {radius: 0}},
        {"id":"n3", "loaded":true, x:0,y:100},
        {"id":"n4", "loaded":true, x:50,y:90},
        {"id":"n5", "loaded":true, x:120,y:140},
        {"id":"n6", "loaded":true, x:50,y:190},
        {"id":"n7", "loaded":true, x:0,y:180}
    ],
    "links":[
        {"id":"l1","from":"n1", "to":"n2"},
        {"id":"l2","from":"n2", "to":"n3"},
        {"id":"l3","from":"n3", "to":"n4"},
        {"id":"l4","from":"n4", "to":"n5"},
        {"id":"l5","from":"n5", "to":"n6"},
        {"id":"l6","from":"n6", "to":"n7"}
    ]
};

var t = new NetChart({
    container: document.getElementById("demo"),
    area: { height: null },
    style:{node:{radius:20}},
    layout:{mode:"static"}
});

setTimeout(function(){t.addData(data)}, 200);

http://jsfiddle.net/sL803kac/1/

【讨论】：