개발자의 끄적끄적

[javascript/jquery] 자바스크립트 chart js x 축 줄바꿈 처리하는 방법 [링크] 본문

개발/javascript & jquery

[javascript/jquery] 자바스크립트 chart js x 축 줄바꿈 처리하는 방법 [링크]

효벨 2022. 1. 12. 01:00
728x90
반응형

[javascript/jquery] 자바스크립트 chart js x 축 줄바꿈 처리하는 방법 [링크]

 

 

javascript 에서

 

그래프를 표현하기 위해서

 

chart.js 를 사용하곤 합니다.

 

그중에서

 

그래프의 x 축 좌표명을 2줄로 표기하려고 하는데

 

html 태그들도 안먹히고 줄바꿈도 안되는데요,..ㅠ

 

그럴때 참고할만한 링크가 있어서 공유하려고 합니다.

 

간단히 말해서

 

줄바꿈이 아닌 label 배열을 2줄의 데이터가 있는 배열로 구성해서

 

x 축 값이 줄바꿈이 된것처럼 표현하는 방법입니다!

 

아래 링크 들어가 보시고 참고하세요!

 

 

chart.js x 축 라벨명 줄바꿈 방법 : https://stackoverflow.com/questions/37090625/chartjs-new-lines-n-in-x-axis-labels-or-displaying-more-information-around-ch

 

ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2

I'm using chart.js (V2) to try to build a bar chart that has more information available to user without having to hover over or click anywhere. I've provided two examples of how I hope to edit my c...

stackoverflow.com

 

반응형
저작자표시 비영리 변경금지

'개발 > javascript & jquery' 카테고리의 다른 글

[javascript/jquery] javascript get url parameter example / 자바크스립트 url 파라미터 가져오기  (0) 2022.01.27
[javascript/jquery] jquery cdnjs search site / jquery 라이브러리 검색 사이트 [링크]  (0) 2022.01.26
[javascript/jquery] 자바스크립트 유용한 라이브러리 모음 사이트 [링크]  (0) 2022.01.05
[javascript/jquery] 자바스크립트 url 파라미터 숨기는 방법  (0) 2022.01.04
[javascript/jquery] 자바스크립트 카카오톡 인앤브라우저 닫기  (0) 2021.12.29
'개발/javascript & jquery' Related Articles more
Comments