Question

有没有办法为“vis.js”库中的节点创建多个行标题？

我尝试了一个像"hello \n hi"这样的字符串作为标题，但这不起作用。

如果我有一个超长标题，它将被渲染为一个超长行（有或没有\n） current effect

Answer 1

您有两种选择。

在您的数据对象中，为您的节点。

data_obj["title"] = "<pre>1</pre><pre>2</pre>"

或者

data_obj["title"] ="1 </br> 2</br>"

要么做好这个工作。

Answer 2

在我的项目中，我加载节点并调用将标签转换为正确格式的函数

// Here i just get the data that i passed from controller
var network_nodes = JSON.parse(document.getElementById("network_nodes").innerText);

nodes = new vis.DataSet(setLabels());

// I wanted to separate my label for every word but you can put here any label-formating function

function setLabels() { 
    network_nodes.forEach(function(node){
        node.label = node.label.split(" ").join("\n");
    });

    return network_nodes;
};

Answer 3

将'\ n'替换为'
'（不带空格）：

string = "hello <br> hi"

vis.js用多行创建标题

3 个答案: