/*
* 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,
}]
});
'Developers' 카테고리의 다른 글
| JAVA 에서 HTML TAG 제거 (0) | 2017.08.17 |
|---|---|
| js 정규식 (0) | 2017.06.17 |
| Ajax Loading (0) | 2017.05.29 |
| js object(객체, 구조체) 함수, 변수 (0) | 2017.05.24 |
| JSTL 날짜 비교 (5일간 new 아이콘) (0) | 2017.05.01 |
댓글