如何在Plot.ly JS标题中创建新行

Question

我正在将Plot.ly JS用于图形。 这些图绘制了调查中对某些问题的答案。 因此，图的标题就是问题本身，它可能会变长。 现在，标题从图上移开，并且被隐藏，如下图所示（无法将图像嵌入到Stack Overflow中，因此它创建了指向该图像的链接）：

这就是所谓的代码，其中values和labels是在其他位置定义的变量：

var graph_data = [
    {
        values: values,
        labels: labels,
        type: 'pie'
    }
];
var layout = {
 title: 'How responsive has our support team been to your questions or concerns?'
};
Plotly.newPlot( chartID, graph_data, layout );

我尝试将新的换行符添加到字符串中，例如\\r和\\n和\\r\\n ，但它不起作用。 我还尝试更改了自动换行的CSS属性，但该方法不起作用。 有什么建议可以在Plot.ly JS中轻松在多行显示标题吗？

Answer 1

使用<br>可以在绘图字符串中折行。

Answer 2

为了更好地控制，我对多行标题执行了以下操作：

multipleStringLines: (title) => {
    if (title.length > 20) { // check if greater than threshold!
                let y_axis = title.split(' ');    //break into words
                let interval = title.split(' ').length / 2;     //2-lines
                return y_axis.slice(0, interval).join(' ') + '<br>' + y_axis.slice(interval, y_axis.length).join(' ');
    }
     return title;
}