Charts 谷歌图表时间线:带返回线的标签

Charts 谷歌图表时间线:带返回线的标签,charts,google-visualization,Charts,Google Visualization,我使用谷歌时间线图表来展示一些信息。 我想在标签上换行。 我该怎么做 在我的例子中,我试过 \n <br> \n 没有成功 代码笔: 详情如下: 时间线 load(“当前”{packages:[“timeline”]}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var container=document.getElementById('timeline'); var chart=newgoogle.visua

我使用谷歌时间线图表来展示一些信息。
我想在标签上换行。
我该怎么做

在我的例子中,我试过

\n
<br>
\n

没有成功

代码笔:

详情如下:

时间线
load(“当前”{packages:[“timeline”]});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var container=document.getElementById('timeline');
var chart=newgoogle.visualization.Timeline(容器);
var dataTable=new google.visualization.dataTable();
addColumn({type:'string',id:'Room'});
addColumn({type:'string',id:'Name'});
addColumn({type:'date',id:'Start'});
addColumn({type:'date',id:'End'});
dataTable.addRows([
['Magnolia\n房间','CSS\n基础',新日期(0,0,0,12,0,0),新日期(0,0,0,14,0,0)],
['Magnolia\nRoom','Intro
JavaScript',新日期(0,0,0,14,30,0),新日期(0,0,0,16,0,0)], ['Magnolia\nRoom','Advanced JavaScript',新日期(0,0,0,16,30,0),新日期(0,0,0,19,0,0,0)], ['Gladiolus Room','Intermediate Perl',新日期(0,0,0,12,30,0),新日期(0,0,0,14,0,0,0)], ['Gladiolus Room','Advanced Perl',新日期(0,0,0,14,30,0),新日期(0,0,0,16,0,0)], ['Gladiolus Room','Applied Perl',新日期(0,0,0,16,30,0),新日期(0,0,0,18,0,0,0)], ['Petunia Room','Google Charts',新日期(0,0,0,12,30,0),新日期(0,0,0,14,0,0)], [‘矮牵牛花房间’、‘关闭’、新日期(0,0,0,14,30,0)、新日期(0,0,0,0,16,0,0)], ['Petunia Room','App Engine',新日期(0,0,0,16,30,0),新日期(0,0,0,18,30,0)]; 变量选项={ 时间线:{colorByRowLabel:true}, 背景颜色:“#ffd”, 工具提示:{isHtml:'true'}}; 图表绘制(数据表、选项); }
我可以使用下面的css使工具提示显示多行。 在标签中使用
\n
而不是

.google可视化工具提示项span{
空白:预处理;
}
空白:pre
保留您想要的换行符


对于行上的标签,我还无法使其工作。

我可以使用下面的css使工具提示显示多行。 在标签中使用
\n
而不是

.google可视化工具提示项span{
空白:预处理;
}
空白:pre
保留您想要的换行符

对于这一行的标签,我还没能让它工作