애용
617
2020-12-10 14:27:31
3
176

하이차트에서 파이차트 데이터질문있습니다.


안녕하세요. 하이차트를 이용하여 파이차트를 만드는도중에 데이터에 대해서 질문할게 있습니다.


series: [{
                colorByPoint: true,
                data: [{ 
                    name: label[0],
                    y: cnt[0],
                }, {
                    name: label[1],
                    y: cnt[1]
                }, {
                    name: label[2],
                    y: cnt[2]
                }, {
                    name: label[3],
                    y: cnt[3]
                }, {
                    name: label[4],
                    y: cnt[4]
                }]
            }]

위의코드로 데이터를 집어넣어서 차트는 문제없이 잘나옵니다! 근데 저 name과 y의 값을 하나씩 다쓰는것이 아닌 for문으로 변경하여 집어넣고 싶은데 해보아도 잘안되서 도움좀 주시면 감사하겠습니다. ㅠㅠ

0
  • 답변 3

  • gredo
    844
    2020-12-10 16:32:02
    let dataArray = [];
    
    for (let i = 0; i <= 4; i++) {
        dataArray.push({
            name: label[i],
            y: cnt[i]
        });
    };

    이런 걸 원하시는 건가요?

  • 페코옹
    1k
    2020-12-10 16:53:28

    data에 array가 들어가니 밑에 처럼 만들어 주시면 됩니다.

    label.map((name, i) => ({name, y:cnt[i]}))


  • 애용
    617
    2020-12-11 13:17:30

    gredo 답변 감사드립니다! 말씀해주신대로 적용해보았더니 차트가 아예 안뜨네요 ㅠㅠ

    페코옹 답변 감사드립니다! 말씀해주신 부분을 data안에다가 집어넣으면 될까요??

  • 로그인을 하시면 답변을 등록할 수 있습니다.