chart.js 에서 foreach를 활용한 반복문

Question

chart.js 를 활용해서 꺾은선 그래프를 만드려고합니다. 하나의 chart 안에 여러 개의 꺾은선이 존재하는 그래프를 만드려고 하는데 갯수를 임의로 조절하고 싶습니다.임의로 아래와 같은 데이터를 넣었습니다.var monthConfig = { type: 'line', data: { labels: ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"], datasets: [ { label: '과자', backgroundColor: "rgba(163,0,20,1)", borderColor: "rgba(163,0,20,1)", data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], fill: false, }, { label: '음료', fill: false, backgroundColor: "rgba(128,128,255,1)", borderColor: "rgba(128,128,255,1)", data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], }, { label: '목욕용품', fill: false, backgroundColor: "rgba(22,155,213,1)", borderColor: "rgba(22,155,213,1)", data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], }, { label: '문구류', fill: false, backgroundColor: "rgba(245,154,35,1)", borderColor: "rgba(245,154,35,1)", data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], }, { label: '전자기기', fill: false, backgroundColor: "rgba(255,255,0,1)", borderColor: "rgba(255,255,0,1)", data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], } ] }, 이를 아래와 같이 반복문 형태로 만들어 유동적인 갯수의 그래프를 그리고 싶은데 어떻게 하면 좋을까요? var monthConfig = { type: 'line', data: { labels: ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"], datasets: [ 0}"> , { label: '${item}', backgroundColor: "rgba(163,0,20,1)", borderColor: "rgba(163,0,20,1)", data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], fill: false, }, ]

kim0833 · Answer

end도랜덤으로 주면되지않나요?

sbql · Answer

&#64;kim0833 그냥 js 파일 내에선 jstl이 안먹는 거였더라구요 ㅠㅠchart관련으로 분리해둔 코드들 전부 합쳐서 실행하니까 잘 돌아갑니다.

chart.js 에서 foreach를 활용한 반복문

2개의 답변

#chart.js 목록