HighCharts setData를 위해 Json 객체 만들기

 

<script src="/tnk/js/json2.js"></script>

var colors = new Array("#50C5D0","#DC4128","#FFC431","#05750D","#698BF7","#7158E8","#92d811","#333333");

var highchartColors = Highcharts.getOptions().colors;

// data

// ex) 1234^2345^484598^940

data = data.split("^");

    var tmpData = "[";

    for(var i =0; i < data.length; i++){

        tmpData += '{"y": '+data[i];

        

        if(colors[i] != undefined){

            tmpData += ', "color" : "' +colors[i]+'"';

        }else{

            tmpData += ', "color" : "' +highchartColors[i]+'"';

        }

        

        tmpData += '}';

        

        if(i < data.length-1) tmpData += ','

    }

    tmpData += "]";

             

    console.log(JSON.parse(tmpData));

            

$('#container').highcharts().series[0].setData(JSON.parse(tmpData));

 

JSON 자체를 별로 써보질 않았고 Highchart 자체도 주먹구구식으로 API 긁어서 했던터라 애를 좀 먹었다.

무식하면 용감하다했던가. 이렇게해도 되네.

 

암튼 결론은 highchart의 문법에 맞게 데이터를 스트링 형식으로 가공 후 JSON.parse를 해주고 setData를 해주면 끝.

 

단 주의할 점.. json 의 문법을 지킬 것. highchart의 데이터형식을 지킬 것.