안녕하세요 chart.js 질문입니다!

Question

안녕하세요 몇 번의 질문과 감사한 답변들과 시도를 해보았지만, 능력이 많이 부족해 아직 해결을 못해서 다시 한번 더 질문 드리고자 합니다.현재 chart.js를 이용하여 멀티 라인 차트를 제작 중인데, 기존에 제가 알던 방법은 datasets를 여러 개 만들어 하나하나 데이터를 넣어주는 방식으로 알고 있었습니다. 하지만 데이터 개수가 많은 경우 적용하기 힘들더군요.. 그래서 반복문을 사용하여 데이터의 개수만큼 넣어보려 하는데 이것도 생각보다 쉽지 않네요..원하는 차트는 x축(일자 별) y축(각 모델 별 수량)으로 차트를 만들려고 합니다.y1ChartData &#61; []; x1ChartLabels &#61; []; $.ajax({ url: &#34;/mii/pp/xx/xxxxxt&#34;, type: &#34;POST&#34;, contentType: &#34;application/json&#34;, 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 &#61; x1ChartLabels; LineChart.data.datasets[0].data &#61; y1ChartData; LineChart.update(); }, error: function () { alert('err'); } }) }); <- 현재 제작한 ajax 통신입니다. ajax를 이용해 모델명, 수량, 날짜를 받아 x축에 날짜, y축에 수량을 넣고 모델명 별로 구분하고 싶습니다.. 많은 도움 부탁드리고 계속 반복적인 질문을 드려 죄송합니다 ㅠㅠ

태평장사꾼 · Answer

https://stackoverflow.com/questions/38421546/loop-dataset-chartjs-javascripthttps://www.chartjs.org/docs/latest/samples/area/line-datasets.html질문에 맞는 답인지는 잘 모르겠습니다..Javascript 를 한 지 좀 오래되서 ㅎㅎ

안녕하세요 chart.js 질문입니다!

1개의 답변

#chartjs 목록