我尝试允许在数据对象标签的空格上换行。我已经查看了Chartjs docs tick配置上的配置选项，要么允许换行，要么添加一个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
2条答案
按热度按时间jhkqcmku1#
如果希望xAxis标签换行，则需要以
labels: [['LONG', 'LONG', 'LONG', 'LABEL'], "Blue", ['YELLOW', 'LONG'], "Green Green", "Purple", "Orange"]传递数据所以在你的情况下-〉
labels:[['Arts Language', 'and Communication'], 'nextLabel', 'otherLabel']观看工作演示：http://jsfiddle.net/Lzo5g01n/11/
sgtfey8w2#
如果希望xAxis标签自动换行，则需要以以下格式标签传递数据：[['长'，'长'，'长'，'标签']，“蓝色”，['黄色'，'长']，“绿色绿色”，“紫色”，“橙子”]
所以在你的例子中-〉标签：[['艺术语言'，'和沟通']，'下一个标签'，'其他标签']
观看工作演示：http://jsfiddle.net/Lzo5g01n/11/
添加自动标签换行：