我目前正在使用Chart.js,并在我的项目中使用一些动态数据构建雷达图。它运行良好。然而,用户偶尔会在标签中使用过多的字符,这会影响图形的整体大小。
有没有一种方法可以减少外环标签说:
"这是一个很长的标签"到"这是…"
在不影响图形本身中的标签(悬停标签)的情况下?
我确实想到了这样的东西:
var label = "This is a really long label";
newLabel = label.substring(0,8) + "...";
Giving: This is ...
然而,这将影响雷达图外部的标签和内部悬停标签。我只想把外标签修一下。
只需设置scaleLabel
函数
...
options: {
scale: {
pointLabels: {
callback: function(pointLabel) {
if (pointLabel.length > 6)
return pointLabel.substring(0, 5) + '...';
else
return pointLabel
}
}
}
}
...
Fiddle-http://jsfiddle.net/e7suv6jg/