본문 바로가기

jQuery/jqPlot

[jqPlot] 같은 차트에 막대 그래프와 꺽은선 그래프 그리기 ■ 하나의 차트에 2개의 그래프 동시에 출력하기. 01. series 옵션을 사용하여 한개의 차트에 막대 그래프와 꺽은선 그래프 2개를 동시에 출력할 수 있다. jqplot_bar_plus_line_chart.php 02. 출려결과는 아래와 같이. 하나의 막대그래프와, 다른 하나의 차트로 나오는 것을 확인 할 수 있다. ■ 두개의 막대그래프와 하나의 꺽은선 그래프 출력하기. 01. 위와같이 막대 그래프와 꺽은선 그래프가 공존하는 가운데. 막대 그래프를 하나 이상 표기되게 할경우는 아래와 같다. jqplot_bar_two_line_chart.php 02. 출력결과는 아래처럼 막대그래프가 2개 나뉘어 나오는 것을알 수 있다. ■ 두개의 막대 그래프를 합치고 하나의 꺽은선 그래프 출력하기. 01. 위와같이 소.. 더보기
[jqPlot] jqPlot 막대 그래프 2개의 데이터 하나로 합치기 ■ jqPlot 막대 2개의 데이터 하나로 합치기 jqplot_stacked_bar_chart_with_cumulative_point_labels.php 02. 출력결과는 두개의 리스트의 데이터가 합쳐져서 나타나는 것을 확인 할 수 있다. ※ 만약 stackSeries이 false로 설정된 경우 데이터는 아래와 같이 분할되어 나타난다. 더보기
[jqPlot] jqPlot 막대 그래프에 레이블 생성하기 ■ jqPlot 막대 그래프에 레이블 생성하기 01. 이번에는 생성한 막대 그래프 위에 정보를 표시할 레이블을 올려보자. jqplot.pointLabels.js 플러그인을 추가하고 css를 지정하면된다. jqplot_bar_chart_with_point_labels.php 02. 아래 출력결과처럼 막대그래프 상단에 정보를 표시하는 레이블이 나타는것을 알 수 있다. 더보기
[jqPlot] jqPlot의 막대 그래프 그리기 ■ jqPlot의 기본적인 막대 그래프 01. jqPlot을 사용하여 가장 기본적인 막대 그리프 차트를 그려보자. 코드는 아래와 같다. jqplot_bar_chart_with_varying_colors.php 02. 출력결과는 아래와 같이 막대 그래프 차트가 나타나는것을 확인 할 수 있다. ■ jqPlot 막대 그래프 에 랜덤으로 색상 집어넣기 01. 위 에서 진행한 코드에서 varyBarColor 속성을 추가하여 무작위로 색상을 넣어보자. jqplot_bar_chart_with_varying_colors.php 02. 출력결과는 아래와 같이 랜덤으로 막대 그래프에 색상이 들어가 있는것을 확인 할 수 있다. ■ jqPlot 막대 그래프에 색상 지정하여 집어 넣기 01. 바로 위에서 랜덤으로 색상을 집어 .. 더보기
[jqPlot] 플러그인 및 옵션 정리 참조 : 시우아빠님 블로그 ■ jqPlot의 플러그인 정리 ※ jqPlot에는 다수의 플러그인들이 있다 그 플러그인들에 따라 그릴 수 있는 그래프도 천차만별이기에 확인해 두도록 하자. 자주 사용되는 jqPlot plugins 의 종류는 다음과 같다. 플 러 그 인 설 명 jqplot.barRenderer.js · 플러그인은 'plugins'폴더에 들어 있고, 필요에 따라 개별적으로 호출한다. jqplot.blockRenderer.js · 차트를 만들 때 필요합니다. jqplot.bubbleRenderer.js · 버블 차트를 생성하는 데 필요합니다. jqplot.canvasOverlay.js · 그래프에 선을 그 적용하기 위하여 필요합니다. jqplot.categoryAxisRenderer.min.js .. 더보기