4

我想将 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!"};

感谢您的关注!

4

5 回答 5

3

在 javascript 中,在您的图表选项变量中,只需在您想要休息的地方添加 \n,例如:

vAxis: { title: "Line one of the title\nLine two of the title" }
于 2016-03-14T21:23:47.480 回答
1

Google Visualization API 图表不支持标题中的换行符。我了解到,对使用 HTML 的支持正在筹备中(这将允许您使用<br />标签进行换行),因此请留意Visualization API 组中有关此效果的公告。

于 2013-07-23T16:44:41.450 回答
1

\n 选项现在似乎起作用了。我刚刚使用过:

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

并得到这个输出:

标题
副标题

也许这是最近的补充。

于 2018-08-23T13:39:22.750 回答
1

如果有人需要在 ColumnName (DataTableChart) 上添加断线的提示,您可以使用<br>但需要在图表上添加options : { allowHtml: true }

于 2019-02-15T13:34:44.933 回答
0

您需要添加 ASCII 码 10。

在 Ruby 中,我使用了以下内容:

Label = first_line_string + 10.chr + second_line_string
于 2016-01-11T06:28:59.317 回答