본문 바로가기
프론트엔드/Javascript

[chart.js] 레이블 글자가 길 때 (띄어쓰기, 글자 길이)

by 작은소행성 2020. 7. 1.

 

띄어쓰기 기준으로 나눠준다

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;		
		};

 

 

 

 

 

반응형