본문 바로가기

Web/Javascript32

amCharts 사용방법 및 사용예제 총정리(!!) Chart 라이브러리 프로젝트에서 Amcharts라는 라이브러리로 그래프를 그려 화면을 그렸음(포틀릿, 관리화면 통계페이지 등)사용하기도 편리하고 UI 종류도 많고 뛰어나서 이렇게 정리해 놓는다 :)사실 예제랄법해도 Amcharts에서 제공해주는 많은 샘플예제가 있는데일단 어떻게 사용하는지의 대략적인 틀은 그 예제들을 파악해가면서 익히는게 좋다. https://www.amcharts.com/ 사이트의 Demos에 가면 샘플예제들을 많이 볼 수 있는데주로 많이 사용하는 Column&Bar , Line, Pie 등의 그래프들.그 외에도 많은 종류의 차트예제들이 있다. 그래프 클릭시 이벤트처리 방법, 범례처리, UI설정(뒷배경,가로줄,세로줄) , 마진여백..... 등의 세세한 컨트롤에 대해 정리해 놓은 곳이 .. 2019. 1. 30.
자바스크립트 데이터 정렬하기(큰값순정렬,작은순정렬) var List = [ { "AAA": 10 }, { "AAA": 235 }, { "AAA": 234 }, { "AAA": 860 }, { "AAA": 15 }, { "AAA": 11 } ]; //큰 순서대로 정렬 List.sort(function(a,b) { if (a.AAA*1 > b.AAA*1) return -1; if (a.AAA*1 < b.AAA*1) return 1; return 0; }); //작은 순서대로 정렬 List.sort(function(a,b) { if (a.AAA*1 > b.AAA*1) return 1; if (a.AAA*1 < b.AAA*1) return -1; return 0; }); 2019. 1. 22.
자바스크립트 구분값 별 총 갯수 구하기 특정 키값에 구분값(코드)가 들어있고그 구분값의 갯수를 구해야 하는 요구조건이 있었다. 즉 아래 테스트데이터를 보면AAA라는 동일한 키를 가진 값이 구분값을 10, 20, 30.... 갖고있으면10이라는 값을 가진 데이터의 갯수20이라는 값을 가진 데이터의 갯수30이라는 값을 가진 데이터의 갯수를계산해야 하는 거였고10이 3개 / 20이 2개 / 30이 1개가 나와야 했다. 그걸 자바스크립트 코드로 짜보았다. // 테스트데이터 var dataList = [ { "AAA": "10" }, { "AAA": "20" }, { "AAA": "30" }, { "AAA": "10" }, { "AAA": "20" }, { "AAA": "10" } ]; //자바스크립트 소스 var dataSum = {}; //초기화 .. 2019. 1. 22.
Javascript src='주소' URL부분만 추출하는 방법(정규식) 다음과 같은 resData json 이 있다고 할때 DOC_CONTENTS라는 데이터에서 src="http://~이하생략~.jpg" 부분을 추출해내고 싶다면??? item.DOC_CONTENTS.match (/\bhttps?:\/\/\S+/gi) 2018. 12. 15.
JSON KEY값이 숫자로 올때 받는방법 JSON KEY값이 숫자로 올때 받는방법간단하다. ◆ 경우1 var data = { "1006": "2", "1005": "2", "totCnt": 45, "1004": "2", "1003": "2", "1002": "3", "1001": "3" }; $("#" + selectorId ).empty().html( data["1001"] ); ◆ 경우2 { "1001": { val : 0 }, "1002": { val : 0 }, "1003": { val : 0 } "1004": { val : 0 } "1005": { val : 0 } } $("#" + selectorId ).empty().html( data["1001"].val ); 2018. 12. 14.
[Javascript] 자바스크립트 실시간 시,분,초 시간 출력하기 실시간을 표시해주는 소스이다.setInterval()이라는 함수를 사용하여 1초마다 실시간으로 시간을 구해주는데 setInterval()이란 무엇일까? setInterval()은 ~하는 함수로 setInterval(function(){...} , 지연시간); 으로 사용한다.지정한 function을 중지하기 위해서는 clearInterval(function())을 사용하면 된다. 시간에 관련된 함수로 일정 간격 반복을 위해 sertInterval()을 사용할 수 있지만,시간지연을 위해서는 setTimeout()이라는 함수도 있어서 setTimeout() 함수를 사용해서 자기호출 방식을 사용한다면 setInterval() 처럼 구현이 가능하다. 하지만 보통 setInterval() 을 사용하며 setInte.. 2016. 10. 28.