$(function(){
	Highcharts.chart('marryGraph1', {
		chart: {
			type: 'line',
			backgroundColor: '#fff',
			spacingBottom: 0 // 차트 여백
		},
		title: {
			text: '예식장비용',
			style: {display: 'none'} // 제목 숨김
		},
		xAxis: {
			categories: ['전국', '수도권', '비수도권', '서울(강남)', '서울(강남외)', '부산', '대구', '인천', '광주', '대전', '울산', '경기도', '강원도', '충청도', '전라도', '경상도', '제주도'],
			lineColor: '#737373',
			labels: {
				useHTML: true,
				formatter: function () {
					const str = this.value;
					const result = [];
					for (var i = 0; i < str.length; i++) {
						const current = str[i];
						const next = str[i + 1] || '';

						if (current === '(' && next) {
							result.push(current + next);
							i++;
						}
						else if (next === ')') {
							result.push(current + next);
							i++;
						}
						else {
							result.push(current);
						}
					}
					return result.join('<br>');
				},
				style: {
					fontSize: '13px', color: '#666', lineHeight: '1.2', 
				}
			}
		},
		yAxis: {
			min: 0, tickAmount: 5, endOnTick: false,
			title: {text: null}, // 숨김처리
			labels: {
				style: {color: '#000'},
				format: '{value:,.0f}'
			},
			gridLineColor: '#dce7f4',
		},
		plotOptions: {
			series: {
				marker: {lineColor: '#fff'}
			}
		},
		legend: {
			itemDistance: 10,
			symbolPadding: 6,
			itemStyle: {color: '#000', fontSize: '14px'}
		},
		series: [{
			name: '하위10%', color: '#008541',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '하위25%', color: '#2f7fed',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '중간값', color: '#6e7974',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위25%', color: '#262694',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위10%', color: '#fd5a1d',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}],
		credits: {enabled: false}, // 버전 숨김
		exporting: {enabled: false} // 이미지 저장 숨김
	});
	Highcharts.chart('readyGraph1', {
		chart: {
			type: 'line',
			backgroundColor: '#fff',
			spacingBottom: 0 // 차트 여백

		},
		title: {
			text: '예식장비용',
			style: {display: 'none'} // 제목 숨김
		},
		xAxis: {
			categories: ['전국', '수도권', '비수도권', '서울(강남)', '서울(강남외)', '부산', '대구', '인천', '광주', '대전', '울산', '경기도', '강원도', '충청도', '전라도', '경상도', '제주도'],
			lineColor: '#737373',
			labels: {
				useHTML: true,
				formatter: function () {
					const str = this.value;
					const result = [];
					for (var i = 0; i < str.length; i++) {
						const current = str[i];
						const next = str[i + 1] || '';

						if (current === '(' && next) {
							result.push(current + next);
							i++;
						}
						else if (next === ')') {
							result.push(current + next);
							i++;
						}
						else {
							result.push(current);
						}
					}
					return result.join('<br>');
				},
				style: {
					fontSize: '13px', color: '#666', lineHeight: '1.2', 
				}
			}
		},
		yAxis: {
			min: 0, tickAmount: 5, endOnTick: false,
			title: {text: null}, // 숨김처리
			labels: {
				style: {color: '#000'},
				format: '{value:,.0f}'
			},
			gridLineColor: '#dce7f4',
		},
		plotOptions: {
			series: {
				marker: {lineColor: '#fff'}
			}
		},
		legend: {
			itemDistance: 10,
			symbolPadding: 6,
			itemStyle: {color: '#000', fontSize: '14px'}
		},
		series: [{
			name: '하위10%', color: '#008541',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '하위25%', color: '#2f7fed',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '중간값', color: '#6e7974',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위25%', color: '#262694',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위10%', color: '#fd5a1d',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}],
		credits: {enabled: false}, // 버전 숨김
		exporting: {enabled: false} // 이미지 저장 숨김
	});
	Highcharts.chart('marryGraph2', {
		chart: {
			type: 'line',
			backgroundColor: '#fff',
			spacingBottom: 0 // 차트 여백

		},
		title: {
			text: '대관료',
			style: {display: 'none'} // 제목 숨김
		},
		xAxis: {
			categories: ['전국', '수도권', '비수도권', '서울(강남)', '서울(강남외)', '부산', '대구', '인천', '광주', '대전', '울산', '경기도', '강원도', '충청도', '전라도', '경상도', '제주도'],
			lineColor: '#737373',
			labels: {
				useHTML: true,
				formatter: function () {
					const str = this.value;
					const result = [];
					for (var i = 0; i < str.length; i++) {
						const current = str[i];
						const next = str[i + 1] || '';

						if (current === '(' && next) {
							result.push(current + next);
							i++;
						}
						else if (next === ')') {
							result.push(current + next);
							i++;
						}
						else {
							result.push(current);
						}
					}
					return result.join('<br>');
				},
				style: {
					fontSize: '13px', color: '#666', lineHeight: '1.2', 
				}
			}
		},
		yAxis: {
			min: 0, tickAmount: 5, endOnTick: false,
			title: {text: null}, // 숨김처리
			labels: {
				style: {color: '#000'},
				format: '{value:,.0f}'
			},
			gridLineColor: '#dce7f4',
		},
		plotOptions: {
			series: {
				marker: {lineColor: '#fff'}
			}
		},
		legend: {
			itemDistance: 10,
			symbolPadding: 6,
			itemStyle: {color: '#000', fontSize: '14px'}
		},
		series: [{
			name: '하위10%', color: '#008541',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '하위25%', color: '#2f7fed',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '중간값', color: '#6e7974',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위25%', color: '#262694',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위10%', color: '#fd5a1d',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}],
		credits: {enabled: false}, // 버전 숨김
		exporting: {enabled: false} // 이미지 저장 숨김
	});
	Highcharts.chart('marryGraph3', {
		chart: {
			type: 'line',
			backgroundColor: '#fff',
			spacingBottom: 0 // 차트 여백

		},
		title: {
			text: '1인당식대',
			style: {display: 'none'} // 제목 숨김
		},
		xAxis: {
			categories: ['전국', '수도권', '비수도권', '서울(강남)', '서울(강남외)', '부산', '대구', '인천', '광주', '대전', '울산', '경기도', '강원도', '충청도', '전라도', '경상도', '제주도'],
			lineColor: '#737373',
			labels: {
				useHTML: true,
				formatter: function () {
					const str = this.value;
					const result = [];
					for (var i = 0; i < str.length; i++) {
						const current = str[i];
						const next = str[i + 1] || '';

						if (current === '(' && next) {
							result.push(current + next);
							i++;
						}
						else if (next === ')') {
							result.push(current + next);
							i++;
						}
						else {
							result.push(current);
						}
					}
					return result.join('<br>');
				},
				style: {
					fontSize: '13px', color: '#666', lineHeight: '1.2', 
				}
			}
		},
		yAxis: {
			min: 0, tickAmount: 5, endOnTick: false,
			title: {text: null}, // 숨김처리
			labels: {
				style: {color: '#000'},
				format: '{value:,.0f}'
			},
			gridLineColor: '#dce7f4',
		},
		plotOptions: {
			series: {
				marker: {lineColor: '#fff'}
			}
		},
		legend: {
			itemDistance: 10,
			symbolPadding: 6,
			itemStyle: {color: '#000', fontSize: '14px'}
		},
		series: [{
			name: '하위10%', color: '#008541',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '하위25%', color: '#2f7fed',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '중간값', color: '#6e7974',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위25%', color: '#262694',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위10%', color: '#fd5a1d',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}],
		credits: {enabled: false}, // 버전 숨김
		exporting: {enabled: false} // 이미지 저장 숨김
	});
	Highcharts.chart('marryGraph4', {
		chart: {
			type: 'line',
			backgroundColor: '#fff',
			spacingBottom: 0 // 차트 여백

		},
		title: {
			text: '식대',
			style: {display: 'none'} // 제목 숨김
		},
		xAxis: {
			categories: ['전국', '수도권', '비수도권', '서울(강남)', '서울(강남외)', '부산', '대구', '인천', '광주', '대전', '울산', '경기도', '강원도', '충청도', '전라도', '경상도', '제주도'],
			lineColor: '#737373',
			labels: {
				useHTML: true,
				formatter: function () {
					const str = this.value;
					const result = [];
					for (var i = 0; i < str.length; i++) {
						const current = str[i];
						const next = str[i + 1] || '';

						if (current === '(' && next) {
							result.push(current + next);
							i++;
						}
						else if (next === ')') {
							result.push(current + next);
							i++;
						}
						else {
							result.push(current);
						}
					}
					return result.join('<br>');
				},
				style: {
					fontSize: '13px', color: '#666', lineHeight: '1.2', 
				}
			}
		},
		yAxis: {
			min: 0, tickAmount: 5, endOnTick: false,
			title: {text: null}, // 숨김처리
			labels: {
				style: {color: '#000'},
				format: '{value:,.0f}'
			},
			gridLineColor: '#dce7f4',
		},
		plotOptions: {
			series: {
				marker: {lineColor: '#fff'}
			}
		},
		legend: {
			itemDistance: 10,
			symbolPadding: 6,
			itemStyle: {color: '#000', fontSize: '14px'}
		},
		series: [{
			name: '하위10%', color: '#008541',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '하위25%', color: '#2f7fed',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '중간값', color: '#6e7974',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위25%', color: '#262694',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위10%', color: '#fd5a1d',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}],
		credits: {enabled: false}, // 버전 숨김
		exporting: {enabled: false} // 이미지 저장 숨김
	});
	Highcharts.chart('marryGraph5', {
		chart: {
			type: 'line',
			backgroundColor: '#fff',
			spacingBottom: 0 // 차트 여백

		},
		title: {
			text: '최소보증인원',
			style: {display: 'none'} // 제목 숨김
		},
		xAxis: {
			categories: ['전국', '수도권', '비수도권', '서울(강남)', '서울(강남외)', '부산', '대구', '인천', '광주', '대전', '울산', '경기도', '강원도', '충청도', '전라도', '경상도', '제주도'],
			lineColor: '#737373',
			labels: {
				useHTML: true,
				formatter: function () {
					const str = this.value;
					const result = [];
					for (var i = 0; i < str.length; i++) {
						const current = str[i];
						const next = str[i + 1] || '';

						if (current === '(' && next) {
							result.push(current + next);
							i++;
						}
						else if (next === ')') {
							result.push(current + next);
							i++;
						}
						else {
							result.push(current);
						}
					}
					return result.join('<br>');
				},
				style: {
					fontSize: '13px', color: '#666', lineHeight: '1.2', 
				}
			}
		},
		yAxis: {
			min: 0, tickAmount: 5, endOnTick: false,
			title: {text: null}, // 숨김처리
			labels: {
				style: {color: '#000'},
				format: '{value:,.0f}'
			},
			gridLineColor: '#dce7f4',
		},
		plotOptions: {
			series: {
				marker: {lineColor: '#fff'}
			}
		},
		legend: {
			itemDistance: 10,
			symbolPadding: 6,
			itemStyle: {color: '#000', fontSize: '14px'}
		},
		series: [{
			name: '하위10%', color: '#008541',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '하위25%', color: '#2f7fed',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '중간값', color: '#6e7974',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위25%', color: '#262694',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}, {
			name: '상위10%', color: '#fd5a1d',
			data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
			label: {enabled: false}
		}],
		credits: {enabled: false}, // 버전 숨김
		exporting: {enabled: false} // 이미지 저장 숨김
	});
	
	$.ajax({
		url: '/tprice/portal/wedding/getMainPageWeddingInfo.do',
		type: 'GET',
		data: {},
		dataType: 'json',
		success: function(response){
			$(".chartLoading").hide();
			var skipText = "";
			for(var i =0; i < response.areaNameList.length ; i++){
				skipText += "예식장비용 - "+response.areaNameList[i] + "(" 
				+"하위10퍼: "+   (response.weddingHallAreaLow10PercentileList[i] === null ? "없음" : response.weddingHallAreaLow10PercentileList[i])
				+", 하위25퍼: "+ (response.weddingHallAreaLow25PercentileList[i] === null ? "없음" : response.weddingHallAreaLow25PercentileList[i])
				+", 중간값: "+   (response.weddingHallAreaMedianPercentileList[i] === null ? "없음" : response.weddingHallAreaMedianPercentileList[i]) 
				+", 상위25퍼값: "+(response.weddingHallAreaHigh25PercentileList[i] === null ? "없음" : response.weddingHallAreaHigh25PercentileList[i])
				+", 상위10퍼값: "+(response.weddingHallAreaHigh10PercentileList[i] === null ? "없음" : response.weddingHallAreaHigh10PercentileList[i])+ "),";
			}
			$("#marryGraph1").siblings('.skip').html(skipText);
			Highcharts.chart('marryGraph1', {
				chart: {
					type: 'line',
					backgroundColor: '#fff',
					spacingBottom: 0 // 차트 여백

				},
				title: {
					text: '예식장비용',
					style: {display: 'none'} // 제목 숨김
				},
				xAxis: {
					categories: response.areaNameList,
					lineColor: '#737373',
					labels: {
						useHTML: true,
						formatter: function () {
							const str = this.value;
							const result = [];
							for (var i = 0; i < str.length; i++) {
								const current = str[i];
								const next = str[i + 1] || '';

								if (current === '(' && next) {
									result.push(current + next);
									i++;
								}
								else if (next === ')') {
									result.push(current + next);
									i++;
								}
								else {
									result.push(current);
								}
							}
							return result.join('<br>');
						},
						style: {
							fontSize: '13px', color: '#666', lineHeight: '1.2', 
						}
					}
				},
				yAxis: {
					min: 0, tickAmount: 5, endOnTick: false,
					title: {text: null}, // 숨김처리
					labels: {
						style: {color: '#000'},
						format: '{value:,.0f}'
					},
					gridLineColor: '#dce7f4',
				},
				plotOptions: {
					series: {
						marker: {lineColor: '#fff'}
					}
				},
				legend: {
					itemDistance: 10,
					symbolPadding: 6,
					itemStyle: {color: '#000', fontSize: '14px'}
				},
				series: [{
					name: '하위10%', color: '#008541',
					data: response.weddingHallAreaLow10PercentileList,
					label: {enabled: false}
				}, {
					name: '하위25%', color: '#2f7fed',
					data: response.weddingHallAreaLow25PercentileList,
					label: {enabled: false}
				}, {
					name: '중간값', color: '#6e7974',
					data: response.weddingHallAreaMedianPercentileList,
					label: {enabled: false}
				}, {
					name: '상위25%', color: '#262694',
					data: response.weddingHallAreaHigh25PercentileList,
					label: {enabled: false}
				}, {
					name: '상위10%', color: '#fd5a1d',
					data: response.weddingHallAreaHigh10PercentileList,
					label: {enabled: false}
				}],
				credits: {enabled: false}, // 버전 숨김
				exporting: {enabled: false} // 이미지 저장 숨김
			});
			
			var skipText = "";
			for(var i =0; i < response.areaNameList.length ; i++){
				skipText += "대관료 - " + response.areaNameList[i] + "(" 
				+"하위10퍼: "+(response.rentalAreaLow10PercentileList[i] === null ? "없음" : response.rentalAreaLow10PercentileList[i])
				+", 하위25퍼: "+ (response.rentalAreaLow25PercentileList[i] === null ? "없음" : response.rentalAreaLow25PercentileList[i])
				+", 중간값: "+(response.rentalAreaMedianPercentileList[i] === null ? "없음" : response.rentalAreaMedianPercentileList[i]) 
				+", 상위25퍼값: "+(response.rentalAreaHigh25PercentileList[i] === null ? "없음" : response.rentalAreaHigh25PercentileList[i])
				+", 상위10퍼값: "+(response.rentalAreaHigh10PercentileList[i] === null ? "없음" : response.rentalAreaHigh10PercentileList[i])+ "),";
			}
			$("#marryGraph2").siblings('.skip').html(skipText);
			Highcharts.chart('marryGraph2', {
				chart: {
					type: 'line',
					backgroundColor: '#fff',
					spacingBottom: 0 // 차트 여백

				},
				title: {
					text: '대관료',
					style: {display: 'none'} // 제목 숨김
				},
				xAxis: {
					categories: response.areaNameList,
					lineColor: '#737373',
					labels: {
						useHTML: true,
						formatter: function () {
							const str = this.value;
							const result = [];
							for (var i = 0; i < str.length; i++) {
								const current = str[i];
								const next = str[i + 1] || '';

								if (current === '(' && next) {
									result.push(current + next);
									i++;
								}
								else if (next === ')') {
									result.push(current + next);
									i++;
								}
								else {
									result.push(current);
								}
							}
							return result.join('<br>');
						},
						style: {
							fontSize: '13px', color: '#666', lineHeight: '1.2', 
						}
					}
				},
				yAxis: {
					min: 0, tickAmount: 5, endOnTick: false,
					title: {text: null}, // 숨김처리
					labels: {
						style: {color: '#000'},
						format: '{value:,.0f}'
					},
					gridLineColor: '#dce7f4',
				},
				plotOptions: {
					series: {
						marker: {lineColor: '#fff'}
					}
				},
				legend: {
					itemDistance: 10,
					symbolPadding: 6,
					itemStyle: {color: '#000', fontSize: '14px'}
				},
				series: [{
					name: '하위10%', color: '#008541',
					data: response.rentalAreaLow10PercentileList,
					label: {enabled: false}
				}, {
					name: '하위25%', color: '#2f7fed',
					data: response.rentalAreaLow25PercentileList,
					label: {enabled: false}
				}, {
					name: '중간값', color: '#6e7974',
					data: response.rentalAreaMedianPercentileList,
					label: {enabled: false}
				}, {
					name: '상위25%', color: '#262694',
					data: response.rentalAreaHigh25PercentileList,
					label: {enabled: false}
				}, {
					name: '상위10%', color: '#fd5a1d',
					data: response.rentalAreaHigh10PercentileList,
					label: {enabled: false}
				}],
				credits: {enabled: false}, // 버전 숨김
				exporting: {enabled: false} // 이미지 저장 숨김
			});
			
			var skipText = "";
			for(var i =0; i < response.areaNameList.length ; i++){
				skipText += "1인당식대 - "+response.areaNameList[i] + "(" 
				+"하위10퍼: "+(response.mealPersonAreaLow10PercentileList[i] === null ? "없음" : response.mealPersonAreaLow10PercentileList[i])
				+", 하위25퍼: "+ (response.mealPersonAreaLow25PercentileList[i] === null ? "없음" : response.mealPersonAreaLow25PercentileList[i])
				+", 중간값: "+(response.mealPersonAreaMedianPercentileList[i] === null ? "없음" : response.mealPersonAreaMedianPercentileList[i]) 
				+", 상위25퍼값: "+(response.mealPersonAreaHigh25PercentileList[i] === null ? "없음" : response.mealPersonAreaHigh25PercentileList[i])
				+", 상위10퍼값: "+(response.mealPersonAreaHigh10PercentileList[i] === null ? "없음" : response.mealPersonAreaHigh10PercentileList[i])+ "),";
			}
			$("#marryGraph3").siblings('.skip').html(skipText);
			Highcharts.chart('marryGraph3', {
				chart: {
					type: 'line',
					backgroundColor: '#fff',
					spacingBottom: 0 // 차트 여백

				},
				title: {
					text: '1인당 식대',
					style: {display: 'none'} // 제목 숨김
				},
				xAxis: {
					categories: response.areaNameList,
					lineColor: '#737373',
					labels: {
						useHTML: true,
						formatter: function () {
							const str = this.value;
							const result = [];
							for (var i = 0; i < str.length; i++) {
								const current = str[i];
								const next = str[i + 1] || '';

								if (current === '(' && next) {
									result.push(current + next);
									i++;
								}
								else if (next === ')') {
									result.push(current + next);
									i++;
								}
								else {
									result.push(current);
								}
							}
							return result.join('<br>');
						},
						style: {
							fontSize: '13px', color: '#666', lineHeight: '1.2', 
						}
					}
				},
				yAxis: {
					min: 0, tickAmount: 5, endOnTick: false,
					title: {text: null}, // 숨김처리
					labels: {
						style: {color: '#000'},
						formatter: function () {
							return this.value;
						}
					},
					gridLineColor: '#dce7f4',
				},
				plotOptions: {
					series: {
						marker: {lineColor: '#fff'}
					}
				},
				legend: {
					itemDistance: 10,
					symbolPadding: 6,
					itemStyle: {color: '#000', fontSize: '14px'}
				},
				series: [{
					name: '하위10%', color: '#008541',
					data: response.mealPersonAreaLow10PercentileList,
					label: {enabled: false}
				}, {
					name: '하위25%', color: '#2f7fed',
					data: response.mealPersonAreaLow25PercentileList,
					label: {enabled: false}
				}, {
					name: '중간값', color: '#6e7974',
					data: response.mealPersonAreaMedianPercentileList,
					label: {enabled: false}
				}, {
					name: '상위25%', color: '#262694',
					data: response.mealPersonAreaHigh25PercentileList,
					label: {enabled: false}
				}, {
					name: '상위10%', color: '#fd5a1d',
					data: response.mealPersonAreaHigh10PercentileList,
					label: {enabled: false}
				}],
				credits: {enabled: false}, // 버전 숨김
				exporting: {enabled: false} // 이미지 저장 숨김
			});
			
			var skipText = "";
			for(var i =0; i < response.areaNameList.length ; i++){
				skipText += "식대 - "+response.areaNameList[i] + "(" 
				+"하위10퍼: "+   (response.totalMealAreaLow10PercentileList[i] === null ? "없음" : response.totalMealAreaLow10PercentileList[i])
				+", 하위25퍼: "+ (response.totalMealAreaLow25PercentileList[i] === null ?  "없음" :  response.totalMealAreaLow25PercentileList[i])
				+", 중간값: "+   (response.totalMealAreaMedianPercentileList[i] === null ? "없음" : response.totalMealAreaMedianPercentileList[i]) 
				+", 상위25퍼값: "+(response.totalMealAreaHigh25PercentileList[i] === null ? "없음" : response.totalMealAreaHigh25PercentileList[i])
				+", 상위10퍼값: "+(response.totalMealAreaHigh10PercentileList[i] === null ? "없음" : response.totalMealAreaHigh10PercentileList[i])+ "),";
			}
			$("#marryGraph4").siblings('.skip').html(skipText);
			Highcharts.chart('marryGraph4', {
				chart: {
					type: 'line',
					backgroundColor: '#fff',
					spacingBottom: 0 // 차트 여백

				},
				title: {
					text: '식대',
					style: {display: 'none'} // 제목 숨김
				},
				xAxis: {
					categories: response.areaNameList,
					lineColor: '#737373',
					labels: {
						useHTML: true,
						formatter: function () {
							const str = this.value;
							const result = [];
							for (var i = 0; i < str.length; i++) {
								const current = str[i];
								const next = str[i + 1] || '';

								if (current === '(' && next) {
									result.push(current + next);
									i++;
								}
								else if (next === ')') {
									result.push(current + next);
									i++;
								}
								else {
									result.push(current);
								}
							}
							return result.join('<br>');
						},
						style: {
							fontSize: '13px', color: '#666', lineHeight: '1.2', 
						}
					}
				},
				yAxis: {
					min: 0, tickAmount: 5, endOnTick: false,
					title: {text: null}, // 숨김처리
					labels: {
						style: {color: '#000'},
						format: '{value:,.0f}'
					},
					gridLineColor: '#dce7f4',
				},
				plotOptions: {
					series: {
						marker: {lineColor: '#fff'}
					}
				},
				legend: {
					itemDistance: 10,
					symbolPadding: 6,
					itemStyle: {color: '#000', fontSize: '14px'}
				},
				series: [{
					name: '하위10%', color: '#008541',
					data: response.totalMealAreaLow10PercentileList,
					label: {enabled: false}
				}, {
					name: '하위25%', color: '#2f7fed',
					data: response.totalMealAreaLow25PercentileList,
					label: {enabled: false}
				}, {
					name: '중간값', color: '#6e7974',
					data: response.totalMealAreaMedianPercentileList,
					label: {enabled: false}
				}, {
					name: '상위25%', color: '#262694',
					data: response.totalMealAreaHigh25PercentileList,
					label: {enabled: false}
				}, {
					name: '상위10%', color: '#fd5a1d',
					data: response.totalMealAreaHigh10PercentileList,
					label: {enabled: false}
				}],
				credits: {enabled: false}, // 버전 숨김
				exporting: {enabled: false} // 이미지 저장 숨김
			});
			
			var skipText = "";
			for(var i =0; i < response.areaNameList.length ; i++){
				skipText += "최소보증인원 - "+response.areaNameList[i] + "(" 
				+"하위10퍼: "+   (response.totalMinimumAreaLow10PercentileList[i] === null ? "없음" : response.totalMinimumAreaLow10PercentileList[i])
				+", 하위25퍼: "+ (response.totalMinimumAreaLow25PercentileList[i] === null ?  "없음" :  response.totalMinimumAreaLow25PercentileList[i])
				+", 중간값: "+   (response.totalMinimumAreaMedianPercentileList[i] === null ? "없음" : response.totalMinimumAreaMedianPercentileList[i]) 
				+", 상위25퍼값: "+(response.totalMinimumAreaHigh25PercentileList[i] === null ? "없음" : response.totalMinimumAreaHigh25PercentileList[i])
				+", 상위10퍼값: "+(response.totalMinimumAreaHigh10PercentileList[i] === null ? "없음" : response.totalMinimumAreaHigh10PercentileList[i])+ "),";
			}
			$("#marryGraph5").siblings('.skip').html(skipText);
			Highcharts.chart('marryGraph5', {
				chart: {
					type: 'line',
					backgroundColor: '#fff',
					spacingBottom: 0 // 차트 여백

				},
				title: {
					text: '최소보증인원',
					style: {display: 'none'} // 제목 숨김
				},
				xAxis: {
					categories: response.areaNameList,
					lineColor: '#737373',
					labels: {
						useHTML: true,
						formatter: function () {
							const str = this.value;
							const result = [];
							for (var i = 0; i < str.length; i++) {
								const current = str[i];
								const next = str[i + 1] || '';

								if (current === '(' && next) {
									result.push(current + next);
									i++;
								}
								else if (next === ')') {
									result.push(current + next);
									i++;
								}
								else {
									result.push(current);
								}
							}
							return result.join('<br>');
						},
						style: {
							fontSize: '13px', color: '#000', lineHeight: '1.2', 
						}
					}
				},
				yAxis: {
					min: 0, tickAmount: 5, endOnTick: false,
					title: {text: null}, // 숨김처리
					labels: {
						style: {color: '#000'},
						format: '{value:,.0f}'
					},
					gridLineColor: '#dce7f4',
				},
				plotOptions: {
					series: {
						marker: {lineColor: '#fff'}
					}
				},
				legend: {
					itemDistance: 10,
					symbolPadding: 6,
					itemStyle: {color: '#000', fontSize: '14px'}
				},
				series: [{
					name: '하위10%', color: '#008541',
					data: response.totalMinimumAreaLow10PercentileList,
					label: {enabled: false}
				}, {
					name: '하위25%', color: '#2f7fed',
					data: response.totalMinimumAreaLow25PercentileList,
					label: {enabled: false}
				}, {
					name: '중간값', color: '#6e7974',
					data: response.totalMinimumAreaMedianPercentileList,
					label: {enabled: false}
				}, {
					name: '상위25%', color: '#262694',
					data: response.totalMinimumAreaHigh25PercentileList,
					label: {enabled: false}
				}, {
					name: '상위10%', color: '#fd5a1d',
					data: response.totalMinimumAreaHigh10PercentileList,
					label: {enabled: false}
				}],
				credits: {enabled: false}, // 버전 숨김
				exporting: {enabled: false} // 이미지 저장 숨김
			});
			
			
		},error: function(xhr, status, error) {
		}
	});
	
	$.ajax({
		url: '/tprice/portal/wedding/getMainPageWeddingInfo2.do',
		type: 'GET',
		data: {},
		dataType: 'json',
		success: function(response){
			$(".chartLoading2").hide();
			var skipText = "";
			for(var i =0; i < response.areaNameList.length ; i++){
				skipText += response.areaNameList[i] + "(" 
				+"하위10퍼: "+   (response.resultList1[i] === null ? "없음" : response.resultList1[i])
				+", 하위25퍼: "+ (response.resultList2[i] === null ?  "없음": response.resultList2[i])
				+", 중간값: "+   (response.resultList3[i] === null ? "없음" : response.resultList3[i]) 
				+", 상위25퍼값: "+(response.resultList4[i] === null ? "없음" : response.resultList4[i])
				+", 상위10퍼값: "+(response.resultList5[i] === null ? "없음" : response.resultList5[i])+ "),";
			}
			$("#readyGraph1").siblings('.skip').html(skipText);
			// 결혼서비스 준비대행
			Highcharts.chart('readyGraph1', {
				chart: {
					type: 'line',
					backgroundColor: '#fff',
					spacingBottom: 0 // 차트 여백

				},
				title: {
					text: '결혼서비스 준비 대행',
					style: {display: 'none'} // 제목 숨김
				},
				xAxis: {
					categories: response.areaNameList,
					lineColor: '#737373',
					labels: {
						useHTML: true,
						formatter: function () {
							const str = this.value;
							const result = [];
							for (var i = 0; i < str.length; i++) {
								const current = str[i];
								const next = str[i + 1] || '';

								if (current === '(' && next) {
									result.push(current + next);
									i++;
								}
								else if (next === ')') {
									result.push(current + next);
									i++;
								}
								else {
									result.push(current);
								}
							}
							return result.join('<br>');
						},
						style: {
							fontSize: '13px', color: '#666', lineHeight: '1.2', 
						}
					}
				},
				yAxis: {
					min: 0, tickAmount: 5, endOnTick: false,
					title: {text: null}, // 숨김처리
					labels: {
						style: {color: '#000'},
						format: '{value:,.0f}'
					},
					gridLineColor: '#dce7f4',
				},
				plotOptions: {
					series: {
						marker: {lineColor: '#fff'}
					}
				},
				legend: {
					itemDistance: 10,
					symbolPadding: 6,
					itemStyle: {color: '#000', fontSize: '14px'}
				},
				series: [{
					name: '하위10%', color: '#008541',
					data: response.resultList1,
					label: {enabled: false}
				}, {
					name: '하위25%', color: '#2f7fed',
					data: response.resultList2,
					label: {enabled: false}
				}, {
					name: '중간값', color: '#6e7974',
					data: response.resultList3,
					label: {enabled: false}
				}, {
					name: '상위25%', color: '#262694',
					data: response.resultList4,
					label: {enabled: false}
				}, {
					name: '상위10%', color: '#fd5a1d',
					data: response.resultList5,
					label: {enabled: false}
				}],
				credits: {enabled: false}, // 버전 숨김
				exporting: {enabled: false} // 이미지 저장 숨김
			});
		}
		,error:function(xhr, status, error){
		}
	});



});