차트 데이터 구조 생성 질문입니다.

Question

차트 데이터셋 만들기가 잘 안되어서 질문 남깁니다.. 샘플로 테이블 만들었는데 위 이미지 같은 구조가 있을 때차트를 그리기위해서 제가 만들어야 하는 데이터셋 구조는 id를 기준으로 이름 하나에 데이터 여러개를 만들어야 합니다...{ name: &#34;테스트1&#34; data: [100,200,300] } { name: &#34;테스트2&#34; data: [100,200,300] }이렇게 만들고 싶은데 반복문을 어떻게 돌려야 할지 잘 감이 안옵니다.. 기초적일수도 있는데 도움좀 부탁드리겠습니다.감사합니다.

안전라이딩 · Answer

struct item { string name; list data;}map samples;---------------------------------if (! samples.contains_key(id)) { samples.add(id, item { name, list() });}samples[id].data.push(value);----------------------------------jsonserializer.serialize(samples); 대략 이런 순으로 하면 되지 않을까요...

터프남 · Answer

안전라이딩 답변 감사합니다 ㅠㅠ자바스크립트로 만들어야해서... 알려주신 소스 참고해서 다시 한번 해보겠씁니다

안전라이딩 · Answer

아마그래머 그럼 그냥 linq 받으시고 (npm install linq)gropuby 해서 돌려보세요.

터프남 · Answer

안전라이딩답변 감사합니다.. 그런데 linq 는 잘 모르겠네요.. result: [ { c_id: &#34;1&#34;, c_value: &#34;100&#34;, c_name: &#34;테스트1&#34; },{ c_id: &#34;1&#34;, c_value: &#34;200&#34;, c_name: &#34;테스트1&#34; }, { c_id: &#34;1&#34;, c_value: &#34;300&#34;, c_name: &#34;테스트1&#34; }, { c_id: &#34;2&#34;, c_value: &#34;100&#34;, c_name: &#34;테스트2&#34; }, { c_id: &#34;2&#34;, c_value: &#34;200&#34;, c_name: &#34;테스트2&#34; }, { c_id: &#34;2&#34;, c_value: &#34;300&#34;, c_name: &#34;테스트2&#34; } ]백엔드에서 이렇게 내려온걸.. 프론트에서 반복문으로 돌려서.. [{ name: &#34;테스트1&#34; data: [100,200,300] } { name: &#34;테스트2&#34; data: [100,200,300] }] 배열에 오브젝트로 담는 이런 형식으로 만들고 싶어서요.. 답변 감사합니다.

안전라이딩 · Answer

import linq from 'linq'; var data &#61; [ { id: 1, name: 'Test1', value: 100 }, { id: 1, name: 'Test1', value: 200 }, { id: 1, name: 'Test1', value: 300 }, { id: 2, name: 'Test2', value: 100 }, { id: 2, name: 'Test2', value: 200 }, { id: 2, name: 'Test2', value: 300 }, ]; var iter &#61; linq.from(data) .groupBy(x &#61;> x.id) .getEnumerator(); while (iter.moveNext()) { var key &#61; iter.current().key(); var iter_value &#61; iter.current().getEnumerator(); while (iter_value.moveNext()) { console.log(key, iter_value.current()); } } $ node sample.js 1 { id: 1, name: 'Test1', value: 100 } 1 { id: 1, name: 'Test1', value: 200 } 1 { id: 1, name: 'Test1', value: 300 } 2 { id: 2, name: 'Test2', value: 100 } 2 { id: 2, name: 'Test2', value: 200 } 2 { id: 2, name: 'Test2', value: 300 }

터프남 · Answer

안전라이딩 답변 감사합니다...그런데 제가 원하는 답은 아니어서요;; 처음 알려주신 반복문 형식으로 잘 생각해서 아래 구조를 만들어야 할 것 같네요..[{ name: &#34;테스트1&#34; data: [100,200,300] } { name: &#34;테스트2&#34; data: [100,200,300] }]저는 이런 형식으로 만들기를 원하는 거여서...다시 한번 깊은 관심 감사드립니다...

안전라이딩 · Answer

아마그래머 아.. linq 사용시 요소 순회를 저런식으로 하면 된다는 의미로 적은 코드라..적으신 출력 형식은 다음 처럼 하면 나옵니다... var iter &#61; linq.from(data) .groupBy(x &#61;> x.id) .getEnumerator(); var output &#61; [] while (iter.moveNext()) { output.push({ name: iter.current().first().name, data: iter.current().select(x &#61;> x.value).toArray() }); } var json &#61; JSON.stringify(output); console.log(json);$ node sample.js [{&#34;name&#34;:&#34;Test1&#34;,&#34;data&#34;:[100,200,300]},{&#34;name&#34;:&#34;Test2&#34;,&#34;data&#34;:[100,200,300]}] ps. 제 경우에는 c# linq 가 익숙해서 이렇게 해봤습니다. 찾아보니 javascript 는 lodash 가 인기 있고 많이 사용되나 보네요.

차트 데이터 구조 생성 질문입니다.

7개의 답변

#chart 목록