high chart 차트 그리기
/*
* chart_property
*
* type : LINE, COLUMN, STACKED_COLUMN, PIE, BUBBLE, LINE_AND_COLUMN, GAUAGE, STACKED
* div_id
* height
* width
* title
* y_title : yAxis의 title
* pointClick 이벤트
*
* series_name_field : Highchart series의 name에 설정될 컬럼명
* series_name : Highchart series의 name field의 값
* series_data_field : Highchart series의 data에 설정될 컬럼명
* series_category_field : Highchart Y축 category에 설정될 컬럼명
*
* -- Gauage Chart일 경우 속성
* startAngle : 중심축(영역의 중간)을 기준으로 gauage chart의 시작 각도. 기본값 : -90
* endAngle : 중심축(영역의 중간)을 기준으로 gauage chart의 종료 각도. 기본값 : 90
* center : gauage chart의 위치. 중심축을 기준으로 x, y의 거리를 %로 표시. 예) ['45%', '98%']
* size : gauage chart의 사이즈 배율. 예) '150%'
* yAxis_min : gauage chart의 y축 min 값
* yAxis_max : gauage chart의 y축 max 값
* band_count
* start_band_value
* band_interval
* band_colors : plotBands의 band별 색상값. 배열.
* arrPlotBands : gauage chart의 plotBands 구성. 배열.
* initValue : gauage chart의 초기값
* valueSuffix : gauage chart의 serires의 tooltip 표시시 suffix.
*/
var series = {
name: seriesName, //fundCd
data: [] //Rt [61.9, 77.2, 69.9, 64.1, 78.6, 70.9, 81.0, 68.0, 67.0, 67.0]
};
var categories = {
name: seriesName, //fundCd
data: [] //baseDate [20170401, 20170402, 20170409, 20170411, 20170416, 20170419, 20170420, 20170430, 20170431, 20170501]
};
$.each(data,function(i, value) {
series.data.push(this.FUND_RT);
categories.data.push(this.GIJUN_YMD);
});
Highcharts.chart(chartNm+"Wrap"+fundIdx, {
chart: {
},
title: {
text: null
},
xAxis: [{
categories: categories.data
}],
yAxis: [{
title:''
},{
title:''
}],
legend: {
enabled: false
},
series: [{
name: seriesName,
type: 'line',
data: series.data,
}]
});