본문 바로가기

프론트엔드/Javascript29

dataTable 한국어 함수 dataTable 을 사용할 때 한국어로 사용하고 싶다면 다음과 같은 함수를 사용하면 된다. var lang_kor = { "decimal" : "", "emptyTable" : "데이터가 없습니다.", "info" : "_START_ - _END_ (총 _TOTAL_ 명)", "infoEmpty" : "0명", "infoFiltered" : "(전체 _MAX_ 명 중 검색결과)", "infoPostFix" : "", "thousands" : ",", "lengthMenu" : "_MENU_ 개씩 보기", "loadingRecords" : "로딩중...", "processing" : "처리중...", "search" : "검색 : ", "zeroRecords" : "검색된 데이터가 없습니다.", "pag.. 2021. 2. 15.
window.onload 와 $(document).ready 의 차이 $(document).ready 외부리소스와 이미지와 상관없이 DOM데이터만 로드되면 실행되는 함수로 window.onload보다 빠르게 실행된다. window.onload 전체 페이지의 모든 외부리소스와 이미지가 브러우저로 불러온 이후에 작동하며 딜레이가 생기는 경우 그만큼의 시간을 기다려야한다. 2021. 2. 15.
[chart.js] tooltip 선택 시 value, percentage 둘다 표시 chartjs 를 이용해서 차트를 표현하는데 아래 이미지와 같이 tooltip에 value와 percentage를 둘 다 표시하고자 한다. options : { tooltips : { callbacks : { label : function(tooltipItem, data){ var dataset = data.datasets[tooltipItem.datasetIndex]; var total = dataset.data.reduce(function(previousValue, currentValue, currentIndex, array){ return previousValue + currentValue; }); var currentValue = dataset.data[tooltipItem.index]; var .. 2020. 7. 9.
script5007 정의되지 않음 또는 null 참조인 속성을 가져올 수 없습니다. form 태그를 사용할 때 name과 id를 중복으로 사용해서 생기는 오류이다. name 속성을 사용하고 있다면 id 속성으로 변경해서 사용해라. (둘 중 하나만 사용) 크롬에서는 작동되어도 ie에서는 작동 안되는 경우가 있다. form 데이터를 전송해주기 위해서는 name태그가 필요한다. 2020. 7. 7.
[chart.js] 레이블 글자가 길 때 (띄어쓰기, 글자 길이) 띄어쓰기 기준으로 나눠준다 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 ; } r.. 2020. 7. 1.

티스토리툴바