test chart1

test chart1

by jihoon kim

HTML

<script src="https://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.common.min.css">
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script>
/**
 * 차트 형태
 * @type {{serial: string, stock: string, xy: string}}
 *         시리얼           스톡           xy(스캐터)
 */
var CHART_TYPE = {
	  serial : "serial"
	, stock  : "stock"
	, xy     : "xy"
};

/**
 * 차트 선택모드
 * @type {{zoom: string, filterplus: string, filterminus: string}}
 *          줌            필터추가            필터제거
 */
var CHART_SELECTION_MODE = {
	  zoom : "zoom"
	, filterplus : "Filterplus"
	, filterminus: "Filterminus"
};

/**
 * 차트 데이터상태
 * @type {{default: string, filterplus: string, filtercondition: string, na: string}}
 *          기본             필터추가            이전필터적용             na
 */
var CHART_DATA_STATUS = {
       default  : "5"
	, filterplus : "2"
	, filtercondition: "3"
	, na : "N"	
};

var dooves = {
	  REST_URL_PREFIX : "/rest" ,
//  , REST_URL_PREFIX : "/rest/doovesrms"
	amchart : {
		init:function(id,type,options) {
			options = typeof(options) === 'undefined'?{}:options;
			var basicOption = {
				"type": !type?CHART_TYPE.serial:type,
				"theme": "light",
				zoomOutText: '',
				"titles": [
					{
						"text": "",
						"size": 15
					}
				],
				"export": {
					"enabled":  false
					// "enabled":  typeof(exported) === 'undefined'?false:exported
				},

				"marginRight":0,
				"autoMarginOffset":0
				,
				"legend":{
					useGraphSettings:...

CSS

.none {
		  display: none
		}

		.menuleft td {
		  padding: 10px
		}

		#selectList2_listbox .k-item.k-state-selected {
		  /*color: #ff0000 !important;*/
		  background-color: skyblue !important;
		}

		#chartdiv {
		  width: 100%;
		  height: 500px;
		}

		/*
		*/

		.k-multiselect-wrap.k-floatwrap {
		  height: 198px;
		  overflow-x: hidden;
		  overflow-y: scroll;
		}

		#divMultiSelect .k-input {
		  /*background-color: #f00;*/
		}

		footer {
		  position: fixed;
		  bottom: 0px;
		  left: 0px;
		  right: 0px;
		}

JavaScript

pv.d.PamTagMapping={};
        pv.d.storage=[];
        pv.d.PamTagMapping.findOne=function(k){
        	return pv.d.PamTagMapping.storage[k];
        }
        
	
    $(document).ready(initialize);
		function loadPamMappingInfo() {
			pv.d.PamTagMapping.storage = [
				null
				,{"pamTagMappingSeq":  1,"tagAlias": "VIB  1X - BRG #1 ","description": "VIB  1X - BRG #1 "}
				,{"pamTagMappingSeq":  2,"tagAlias": "VIB  1Y - BRG #1 ","description": "VIB  1Y - BRG #1 "}
				,{"pamTagMappingSeq":  3,"tagAlias": "VIB  2X - BRG #2 ","description": "VIB  2X - BRG #2 "}
				,{"pamTagMappingSeq":  4,"tagAlias": "VIB  2Y - BRG #2 ","description": "VIB  2Y - BRG #2 "}
				,{"pamTagMappingSeq":  5,"tagAlias": "VIB  3X - BRG #3 ","description": "VIB  3X - BRG #3 "}
				,{"pamTagMappingSeq":  6,"tagAlias": "VIB  3Y - BRG #3 ","description": "VIB  3Y - BRG #3 "}
				,{"pamTagMappingSeq":  7,"tagAlias": "VIB  4X - BRG #4 ","description": "VIB  4X - BRG #4 "}
				,{"pamTagMappingSeq":  8,"tagAlias": "VIB  4Y - BRG #4 ","description": "VIB  4Y - BRG #4 "}
				,{"pamTagMappingSeq":  9,"tagAlias": "VIB  5X - BRG #5 ","description": "VIB  5X - BRG #5 "}
				,{"pamTagMappingSeq": 10,"tagAlias": "VIB  5Y - BRG #5 ","description": "VIB  5Y - BRG #5 "}
				,{"pamTagMappingSeq": 11,"tagAlias": "VIB  6X - BRG #6 ","description": "VIB  6X - BRG #6 "}
				,{"pamTagMappingSeq": 12,"tagAlias": "VIB  6Y - BRG #6 ","description": "VIB  6Y - BRG #6 "}
				,{"pamTagMappingSeq": 13,"tagAlias": "VIB  7X - BRG #7 ","description": "VIB  7X - BRG #7 "}
				,{"pamTagMappingSeq": 14,"tagAlias": "VIB  7Y - BRG #7 ","description": "VIB  7Y - BRG #7 "}
				,{"pamTagMappingSeq": 15,"tagAlias": "VIB  8X - BRG #8 ","description": "VIB  8X - BRG #8 "}
				,{"pamTagMappingSeq": 16,"tagAlias": "VIB  8Y - BRG #8 ","description": "VIB  8Y - BRG #8 "}
				/*				,{"pamTagMappingSeq": 17,"tagAlias": "VIB  9X - BRG #9 ","description": "VIB  9X - BRG #9 "}
				 ,{"pamTagMappingSeq": 18,"tagAlias": "VIB  9Y - BRG #9...