PHP Highcharts 그래프에 1일~31일 for문으로 넣을려면?


이미지 이런 모습인데요.

Highcharts.chart('container', {
            chart: {
                type: 'column'
            },
            title: {
                text: picker+' 매체별 통계 그래프'
            },
            xAxis: {
                categories: ['1일','2일','3일','4일','5일','6일','7일','8일','9일','10일','11일','12일','13일','14일','15일','16일','17일','18일','19일','20일','21일','22일','23일','24일','25일','26일','27일','28일','29일','30일','31일']  **<== 이부분 for문으로 넣으려면 어떻게 해야하나요?**
            },
            yAxis: {
                min: 0,
                title: {
                    text: ''
                },
                stackLabels: {
                    enabled: true,
                    style: {
                        fontWeight: 'bold',
                        color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                    }
                }
            },
            legend: {
                align: 'right',
                x: -30,
                verticalAlign: 'top',
                y: 25,
                floating: true,
                backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
                borderColor: '#CCC',
                borderWidth: 1,
                shadow: false
            },
            tooltip: {
                headerFormat: '<b>{point.x}</b><br/>',
                pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
            },
            plotOptions: {
                column: {
                    stacking: 'normal',
                    dataLabels: {
                        enabled: true,
                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                    }
                }
            },
            series: [{
                name: 'test',
                data: [parseInt($("#a0").text()), parseInt($("#a1").text()), parseInt($("#a2").text()), parseInt($("#a3").text()), parseInt($("#a4").text()), parseInt($("#a5").text()), parseInt($("#a6").text())]
            }, {
                name: 'test1',
                data: [2, 2, 3, 2, 1]
            }, {
                name: 'test2',
                data: [3, 4, 4, 2, 5]
            }, {
                name: 'test3',
                data: [3, 4, 4, 2, 5]
            }, {
                name: 'test4',
                data: [3, 4, 4, 2, 5]
            }, {
                name: 'test5',
                data: [3, 4, 4, 2, 5]
            }, {
                name: 'test6',
                data: [3, 4, 4, 2, 5]
            }, {
                type: 'spline',
                name: 'test7',
                data: [4, 32, 12, 35, 66]
            }, {
                type: 'test8',
                name: '합계',
                data: [3, 4, 4, 2, 5]
            }]
        });
    });

위에 categories: ['1일','2일','3일','4일','5일','6일','7일','8일','9일','10일','11일','12일','13일','14일','15일','16일','17일','18일','19일','20일','21일','22일','23일','24일','25일','26일','27일','28일','29일','30일','31일'] 부분에 1~31일가지 for문으로 넣고싶은데 아무리 넣어봐도 안되네요. ㅠ 어떻게하는건지 알려주세요!

  • 2017년 01월 10일에 작성됨
    모든분야 관심있음

조회수 462


1 답변


좋아요
1
싫어요
채택취소하기

데이터를 추가하는 루프문을 외부에서 정의한후에 호출하는 방식으로 해보시면 될 것 같습니다.

var getDay = function() {
                  var data = [];
                  for (var i = 0; i< 31; i++) {
                    data.push(i+'일');
                  }
                  return data;
               }

Highcharts.chart('container', {
            chart: {
                type: 'column'
            },
            title: {
                text: picker+' 매체별 통계 그래프'
            },
           categories: getDay()
            },
            yAxis: {
                min: 0,
                title: {
                    text: ''
                },
                stackLabels: {
                    enabled: true,
                    style: {
                        fontWeight: 'bold',
                        color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                    }
                }
            },

  • 2017년 01월 10일에 작성됨
    프론트앤드, 임베디드 초보개발자입니다.

  • 감사합니다!    Gddong   2017.1.11 15:12     

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close