프로그래밍/JavaScript2

• 

  구글차트(Google Chart) 사용해서 그래프 생성하기 - 라인차트, 컨트롤 구글차트(Google Chart) 사용해서 그래프 생성하기 - 라인차트, 컨트롤   구글차트(google-chart)의 line 그래프와 그래프에서 원하는 구간만 볼 수 있는 컨트롤바 생성 소스코드입니다.주제와 데이터는 임의로 지정하였으며, 원한다면 DB의 데이터를 사용할 수 있습니다.  화면 * 10월 14일자 데이터는 클릭했을 경우, 10월 23일자 데이터는 마우스 포인터를 올려놨을 경우에 나오는 툴팁입니다. * 그래프 아래에 컨트롤 바가 실제 그래프의 미니버전(?) 으로 출력됩니다. (사이즈 조절 가능, 다른 그래프로 대체 가능)     GIF * 컨드롤바에서 그래프 중 구간(범위)을 선택하여 원하는 날짜의 그래프를 확대해서 볼 수 있습니다. * 화면 크기에 따라 그래프와 컨트롤바의 크기도 달라집니.. 프로그래밍/JavaScript 2021. 1. 15.

• 

  구글차트(Google Chart) 사용해서 그래프 생성하기 - Bar 차트 구글차트(google-chart)의 bar 그래프입니다. 주제와 데이터는 임의로 지정하였으며, 원한다면 DB의 데이터를 사용할 수 있습니다. * 툴팁은 마우스 오버 시에 나타납니다. 소스코드*html 한 페이지에 구성했습니다. (jsp파일에서도 당연히 사용 가능해요.) 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 column chart google.charts.load('current', {'packages':['bar','corechart']}); function schedulerSuccessAndFailChart() { var data = .. 프로그래밍/JavaScript 2017. 11. 2.