스프링 레거시 mvc ) db에 저장된 값을 그래프로 그리고 싶습니다.

Question

안녕하세요현재 회사내에서 관련 프로젝트를 진행중에 계속 막히는 부분이 있습니다. 바로 db에 저장된 값을 그래프로 그래내는 것입니다. 제가 원하는 그래프 예시는 심박수 형태로 표현되는 그래프입니다. 예시링크 : https://codepen.io/backhospital/pen/RwyjYZP 그래프 사이즈는 예시 링크에 나오는 크기로 유지가 되어야 하고 심박수를 표현하는 방법이라서 일정구간이 지나면 점점 오른쪽으로 옮겨가는 방식을 구현하려고 합니다. 그러기 위해선 우선 db값에 연동되는 그래프를 만들어 보려고 합니다. chart.js 에 비슷한 그래프 컨셉을 가져오고연동을 해보려고 합니다. 다만 검색을 해보면 거의 대부분 springboot 에서 작업하는 방법만 나와서 이렇게 글을 올려봅니다. spring legacy project에서 db와 연동하여 그래프를 그리는 방법이나 정보를 알려주실분 계신가요?&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61; 내용추가https://canvasjs.com/spring-mvc-charts/chart-data-from-database/ 위 사이트에서 예시코드까지 원하는 부분을 대부분 구했습니다. 한가지 아쉬운점은, Model 탭의 코드를 보면 VO 파일 / root-context.xml 에 연결한 db코드 제외한 다른 코드는 어떻게 활용해야 하는지 모르겠다는 점인데요 public static class DataPointModel {int x;int y;public int getX() {return x;}public void setX(int x) {this.x &#61; x;}public int getY() {return y;}public void setY(int y) {this.y &#61; y;}}이 부분을 제외한 나머지 코드는 레거시 프로젝트 어느 패키지 어느 파일에 써야 하는지 알려주시면 고맙겠습니다.

톰소여 · Answer

https://echarts.apache.org/examples/en/editor.html?c&#61;dynamic-data2x는 시간이고 y는 value겠죠.그러면 최초 조회는 현재 시간 - 대략의 정해진 시간(10초) 이 되겠고..db에서 조회를 해서 x는 시간, y는 value로 해서 리스트 값으로 해서 json형태로 받아서 chart에 뿌리고요.데이터 조회해왔을때 최종 조회된 시간값을 갖고 이 조회된 시간값 -10초 해서 데이터를 조회해서 추가하면 되겠죠.예제의 function randomData()를 적절하게 getData(최종조회된시간)으로 변경하시고..그 부분에 ajax로 rest api 호출하시고 조회된 시 데이터를 넘기고 그리면 될듯하네요.

스프링 레거시 mvc ) db에 저장된 값을 그래프로 그리고 싶습니다.

1개의 답변

#chart 목록