Chart.js Chartjs轴断开线记号标签文本
我正在尝试允许数据对象的标签在空格上断开。我已经查看了Chartjs文档上的配置选项,以允许换行或添加CSS类,在该类中我可以使用换行字规则处理此问题 数据结构对象: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
{
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”]
查看一个工作演示:是的,这就是解决方案!