如何在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;
}