
현재 spring을 공부하면서 실무를 보고있는 초보개발자입니다.
다름이 아니라 현재 database에서 ajax 통신으로 데이터를 받아 선차트를 그리는 것을 연습 겸 실무를 하고 있는데, 각 모델 별로 설정한 일정 기간(x축) 동안의 생산량(y축)에 대해서 선 차트를 제작 중입니다.
문제는 날짜와 생산량은 잘 표기가 되지만, 모델 별로 그룹을 나누는데 어려움을 겪고 있습니다.
다 다른 모델이지만 한 라인에 표시가 되어 그래프의 모양이 올바르지 않은데 혹시 어떤 식으로 처리하면 되는지 궁금합니다! 아래 코드는 현재 제가 제작한 코드입니다. 구글링에서는 멀티라인차트가 datasets를 임의로 여러 개 부여하여 사용해서 저한텐 의미가 없었습니다 ㅠㅠ 꼭 도움 부탁드립니다
y1ChartData = [];
x1ChartLabels = [];
$.ajax({
url: "/mii/pp/xx/xxxxxt",
type: "POST",
contentType: "application/json",
data: JSON.stringify(data),
beforeSend: function (xhr) {
xhr.setRequestHeader(header, token);
},
success: function (result) {
result.forEach(function (element) {
x1ChartLabels.push(element.dates);
y1ChartData.push(element.products);
});
LineChart.data.labels = x1ChartLabels;
LineChart.data.datasets[0].data = y1ChartData;
LineChart.update();
},
error: function () {
alert('err');
}
})
});
