Chart.js Chartjs轴断开线记号标签文本

Chart.js Chartjs轴断开线记号标签文本,chart.js,chartjs-2.6.0,Chart.js,Chartjs 2.6.0,我正在尝试允许数据对象的标签在空格上断开。我已经查看了Chartjs文档上的配置选项,以允许换行或添加CSS类,在该类中我可以使用换行字规则处理此问题 数据结构对象: { labels: ["Arts Languages and Communication", "Science, Techology and Health", "Business", "Society and Education"], datasets: [{label: "Fall 2014", data: [0

我正在尝试允许数据对象的标签在空格上断开。我已经查看了Chartjs文档上的配置选项,以允许换行或添加CSS类,在该类中我可以使用换行字规则处理此问题

数据结构对象:

{
    labels: ["Arts Languages and Communication", "Science, Techology and Health", "Business", "Society and Education"],
    datasets: [{label: "Fall 2014", data: [0,0,0,0]}...]
}
选项对象:

{
    scales: {
        xAxes: [{ ticks: { /* no available options from docs */ } }]
    }
}
预期结果:

单词将在空格处打断:

Arts Language
and Communication

如果希望xAxis标签包装文本,则需要以以下格式传递数据
标签:[“长”、“长”、“长”、“标签”]、“蓝”、“黄”、“长”]、“绿”、“紫”、“橙”]

因此,在您的案例中->
标签:[[Arts Language]、“and Communication”]、“nextLabel”、“otherLabel”]


查看一个工作演示:

是的,这就是解决方案!