vis.js创建包含多行的标题

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‘替换为'< br >’(不带空格)：

string = "hello <br> hi"