커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
ajax를 이용한 라인차트 질문입니다.
undefined주차
북마크
임*혁
댓글
4
추천
0
조회수
40
조회수
40
답변 완료

현재 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');
        }
    })
});



취소
 공유
취소
댓글 0
댓글 알림
나의얼굴