Google图表：ColumnChart中的换行标题

Question

我想将我的ColumnChart中的标题拆分为2行（或更多行）。

（见https://developers.google.com/chart/interactive/docs/gallery/columnchart）

我尝试使用竖线（“|”）符号如下，但它不起作用，“\ n”也没有。

var options = {"title":"My first line | \n this should be the second line!"};

感谢您的关注！

Answer 1

在javascript中，在图表选项变量中，只需在需要中断的地方添加\ n，例如：

vAxis: { title: "Line one of the title\nLine two of the title" }

Answer 2

Google Visualization API图表不支持标题中的换行符。我了解到，使用HTML的支持正在进行中（允许您使用<br />标记进行换行），因此请留意Visualization API group中有关该效果的公告。

Answer 3

\ n选项现在可以使用了。我刚用过：

var options = {title: 'Heading\nSub-heading'}

并获得以下输出：

标题
子标题

也许这是最近添加的。

Answer 4

您需要添加ASCII代码10。

在Ruby中我使用了以下内容：

Label = first_line_string + 10.chr + second_line_string

Answer 5

如果有人需要此技巧在ColumnName（DataTableChart）上添加折线，则可以使用<br>，但需要在图表options : { allowHtml: true }上添加