Javascript zoomcharts 1.5.1-如何在单个链接上显示多种颜色/多个悬停

我想知道zoomcharts在其最新更新（1.5.1）中是否具有以下功能：

我希望两个节点之间的一个链接能够用两种颜色着色（左半部分为红色，右半部分为黑色）。另外，我希望能够以不同的方式悬停在这两个不同颜色的单拆分链接上？？？

如果你只是复制粘贴下面的代码，你可以看到它不能立即完成

<script>
    var data = {
        "nodes":[
            {"id":"n1", "loaded":true, "style":{"label":"Node1"}},
            {"id":"n2", "loaded":true, "style":{"label":"Node2"}}
        ],
        "links":[
            {"id":"l1","from":"n1", "to":"n2", "style":{"fillColor":"red", "toDecoration":"arrow"}}
        ]
    };

    var t = new NetChart({
        container: document.getElementById("demo"),
        area: { height: 350 },
        data: { preloaded: data },
        info: {enabled: true, linkContentsFunction: function(data, link, callback) {
          return link.id;
        }}
    });

</script>

风险值数据={
“节点”：[
{“id”：“n1”，“loaded”：true，“style”：{“label”：“Node1”}，
{“id”：“n2”，“loaded”：true，“style”：{“label”：“Node2”}
],
“链接”：[
{“id”：“l1”，“from”：“n1”，“to”：“n2”，“style”：{“fillColor”：“red”，“toDecoration”：“arrow”}
]
};
var t=新网络图({
容器：document.getElementById（“demo”），
面积：{高度：350}，
数据：{预加载：数据}，
信息：{enabled:true，linkContentsFunction:function（数据，链接，回调）{
返回link.id；
}}
});

现在似乎不可能拆分单个链接并将这些部分分别悬停

但这里有一个“讨厌的”版本，如何使用线条和固定节点位置来制作类似的东西

<script>
        var data = {
            "nodes":[
                {"id":"n1", "loaded":true, x:100, y:0, "style":{"label":"Node1"}},
                {"id":"n2", "loaded":true, x:0, y:0, "style":{"label":"Node2"}}
            ],
            "links":[
                {"id":"l1","from":"n1", "to":"n2", "style":{"fillColor":"red", "toDecoration":"arrow", "length":3}},
                {"id":"l11","from":"n1", "to":"n2", "style":{"fillColor":"black","lineDash":[100,300]}}
            ]
        };

        var t = new NetChart({
            container: document.getElementById("demo"),
            area: { height: 350 },
            data: { preloaded: data },
            info: {enabled: true, linkContentsFunction: function(data, link, callback) {
              return link.id;
            }},
            "style": {
                "multilinkSpacing": 0
            }
        });

    </script>

风险值数据={
“节点”：[
{“id”：“n1”，“loaded”：true，x:100，y:0，“style”：{“label”：“Node1”}，
{“id”：“n2”，“loaded”：true，x:0，y:0，“style”：{“label”：“Node2”}
],
“链接”：[
{“id”：“l1”，“from”：“n1”，“to”：“n2”，“style”：{“fillColor”：“red”，“toDecoration”：“arrow”，“length”：3}，
{“id”：“l11”，“from”：“n1”，“to”：“n2”，“style”：{“fillColor”：“black”，“lineDash”：[100300]}
]
};
var t=新网络图({
容器：document.getElementById（“demo”），
面积：{高度：350}，
数据：{预加载：数据}，
信息：{enabled:true，linkContentsFunction:function（数据，链接，回调）{
返回link.id；
}},
“风格”：{
“多重空间”：0
}
});