프론트엔드/Javascript
[chart.js] 레이블 글자가 길 때 (띄어쓰기, 글자 길이)
작은소행성
2020. 7. 1. 11:26
띄어쓰기 기준으로 나눠준다
scales : {
xAxes : [{
ticks : {
callback: function(label, index, labels) {
if (/\s/.test(label)) {
return label.split(" ");
}else{
return label;
}
}
//fontSize : 10
}
} ],
5글자 이상은 생략하고 뒤에 ... 표시도 해준다.
//5글자 이상 생략
myBar.options.scales.xAxes[0].ticks.callback = function(labels){
var lasb = labels.substr(0, 5);
if(lasb.length >4 ){
lasb = labels.substr(0, 5)+ "...";
}else{
lasb ;
}
return lasb;
};
반응형