데이터를 JSON 형식과 같은 형식으로 지정하십시오.

Question

입력이 일부 형식처럼 보이는 차트 라이브러리를 사용하고 있습니다. 이 형식은 JSON처럼 보이지만 그렇지 않다, 그리고 나는 여기 형식에 대한 아이디어를 얻기 위해 일부 데이터를 공유 :

[{ 
        year: 2005, 
        income: 23.5, 
        expenses: 18.1 
       }, { 
        year: 2006, 
        income: 26.2, 
        expenses: 22.8 
       }, { 
        year: 2007, 
        income: 30.1, 
        expenses: 23.9 
       }, { 
        year: 2008, 
        income: 29.5, 
        expenses: 25.1 
       }, { 
        year: 2009, 
        income: 24.6, 
        expenses: 25.0 
       }]; 

당신은 this link에 전체 예를 볼 수 있습니다. 첫 번째 테스트에서는 String.concat(anotherString)을 사용했지만 안심할 수 있습니다. 그래서이 형식을 제공하는 자바 API가 무엇입니까? 미리 감사드립니다.

Answer 1

글쎄, 그 형식과 JSON 사이의 유일한 차이점은 문자열에서 큰 따옴표를 제거해야한다는 것입니다.

실제로이 예제를 읽으면 유효한 JSON을 받아 들일 것이므로, $ .ajax() 메소드를 사용해보십시오. 과 같습니다.

AmCharts.ready(function() {$.ajax({ 
     url: '/mydata/', 
     dataType: 'json', 
     data: undefined, 
     success: function(chartData) { 
       // SERIAL CHART 
       chart = new AmCharts.AmSerialChart(); 
       chart.dataProvider = chartData; 
       chart.categoryField = "year"; 

       // AXES 
       // category 
       var categoryAxis = chart.categoryAxis; 
       categoryAxis.gridAlpha = 0.1; 
       categoryAxis.axisAlpha = 0; 
       categoryAxis.gridPosition = "start"; 

       // value 
       var valueAxis = new AmCharts.ValueAxis(); 
       valueAxis.stackType = "regular"; 
       valueAxis.gridAlpha = 0.1; 
       valueAxis.axisAlpha = 0; 
       chart.addValueAxis(valueAxis); 

       // GRAPHS 
       // first graph  
       var graph = new AmCharts.AmGraph(); 
       graph.title = "Europe"; 
       graph.labelText = "[[value]]"; 
       graph.valueField = "europe"; 
       graph.type = "column"; 
       graph.lineAlpha = 0; 
       graph.fillAlphas = 1; 
       graph.lineColor = "#C72C95"; 
       chart.addGraph(graph); 

       // second graph    
       graph = new AmCharts.AmGraph(); 
       graph.title = "North America"; 
       graph.labelText = "[[value]]"; 
       graph.valueField = "namerica"; 
       graph.type = "column"; 
       graph.lineAlpha = 0; 
       graph.fillAlphas = 1; 
       graph.lineColor = "#D8E0BD"; 
       chart.addGraph(graph); 

       // third graph        
       graph = new AmCharts.AmGraph(); 
       graph.title = "Asia-Pacific"; 
       graph.labelText = "[[value]]"; 
       graph.valueField = "asia"; 
       graph.type = "column"; 
       graph.lineAlpha = 0; 
       graph.fillAlphas = 1; 
       graph.lineColor = "#B3DBD4"; 
       chart.addGraph(graph); 

       // LEGEND     
       var legend = new AmCharts.AmLegend(); 
       chart.addLegend(legend); 

       // WRITE 
       chart.write("chartdiv"); 
      }); 
     } 
    }); 

이 (죄송합니다, 제가 지금까지 자바 스크립트를 작성 잘되는 해요,하지만 난 생각이 있다고 생각) 또한, 어쩌면 amCharts의 API는 direcly 로컬 URL을 확인할 수 있습니다. 그런 다음 JSON 데이터를 REST 호출로 라우팅하면됩니다.

Answer 2

chk이 API의 데이터 관련 블로그 페이지

http://blog.amcharts.com/2011/03/amcharts-javascript-tutorials-part-2.html 

나는이 튜토리얼 예제 코드의 많은,이 API의 데이터를 처리에 대한 모든 핵심적으로의 gritties을 알려줍니다

Answer 3

해결책은 간단 니펫 생각 :

VAR chartData = 평가 (json_data);

최고 감사합니다.