Javascript 如何使用Chart.js在标签中放置新行?

Javascript 如何使用Chart.js在标签中放置新行?,javascript,chart.js,chart.js2,Javascript,Chart.js,Chart.js2,我有一个使用Chart.js的带有标签的数据集。我想用新行字符将标签分成两行 我试过和\n,但都不起作用 labels: ['(A)<br />Waking', '(B)', '(C)', '(D)'], labels: ['(A)\nWaking', '(B)', '(C)', '(D)'], 标签:['(A)唤醒','(B)',(C)',(D)], 标签:['(A)\n包装','(B)',(C)',(D)], 第一个标签的输出应该像 (A) 但它最终看起来像 (A) 唤醒

我有一个使用Chart.js的带有标签的数据集。我想用新行字符将标签分成两行

我试过

\n
,但都不起作用

labels: ['(A)<br />Waking', '(B)', '(C)', '(D)'],
labels: ['(A)\nWaking', '(B)', '(C)', '(D)'], 
标签:['(A)
唤醒','(B)',(C)',(D)], 标签:['(A)\n包装','(B)',(C)',(D)],
第一个标签的输出应该像

(A)

但它最终看起来像

(A)

唤醒

(A) 醒着


看看这个示例图表,我可以看到多行标签是可能的

我查看了上面示例的源代码,对于多行标签,它们在一个数组中具有每个多行,其中数组的每个元素在其自己的行中呈现

例如:

标签:[['(A)','唤醒'],'(B)',(C)',(D)],

请参见下面的演示:

var randomScalingFactor=function(){
返回Math.round(Math.random()*100);
};
window.ChartColor={
红色:“rgb(255,99,132)”,
橙色:“rgb(25515964)”,
黄色:“rgb(25520586)”,
绿色:“rgb(75192192)”,
蓝色:“rgb(54162235)”,
紫色:“rgb(153102255)”,
灰色:“rgb(201203207)”
};
变量配置={
键入:“行”,
数据:{
标签:[
"(A),"行走","(B),(C),(D),,
数据集:[{
标签:“我的第一个数据集”,
填充:假,
背景颜色:window.chartColors.red,
边框颜色:window.chartColors.red,
数据:[
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
]
}, {
标签:“我的第二个数据集”,
填充:假,
背景颜色:window.chartColors.blue,
边框颜色:window.chartColors.blue,
数据:[
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
],
}]
},
选项:{
回答:是的,
标题:{
显示:对,
文本:“带多行标签的图表”
},
}
};
window.onload=函数(){
var ctx=document.getElementById('canvas').getContext('2d');
window.myLine=新图表(ctx,配置);
};

我很高兴能帮上忙:)