HighChart 하이차트 / pieChart 파이차트 JSP 구현 예시

var arrData4 = new Array();  
  
<%-- 상세보기 구분 --%>
var divn = "";  
var textDivn = "";
      
$(function(){           
	if("${proc}" == "eat"){
		divn = "원";        
		textDivn = "사용 금액"; 
	}else if("${proc}" == "overTime"){ 
		divn = "시간";           
		textDivn = "초과 근무";
	}    
	   
	<c:forEach var="info" items="${resultInfo}" varStatus="status">      
		var names = "${info.split('_')[0]}";            
		var info = "${info.split('_')[1]}";    
		arrData4.push({"name" : names, "y" : Number(info), "sliced": true, "selected" : true });
	</c:forEach>            
	                
	if(arrData4.length > 0){
		clickDivn = true;
	}
});

1. function 함수를 활용하여 페이지가 로드되기 전 값을 미리 셋팅

2. JSTL 반복문을 활용해 JS 배열에 다시 담기