So fügen Sie Array-Daten in FusionCharts ein

Question

Ich mache eine API, um Daten vom Server abzurufen und dann zu jedem Datenelement eine Schleife zu erstellen. Als nächstes zeige ich die Daten in FusionCharts. Die vom Server abgerufenen Daten sind für das geeignet, was ich brauche.

Wie mache ich ein Array, das ich gemacht habe FusionCharts kann in die Daten eingegeben werden mit dem Code unten angezeigt werden?

function URLSitePath() { 
    var siteUrl = document.location.origin; 
    return siteUrl; 
} 
$(document).ready(function(){ 
    $.ajax({ 
     type: 'GET', 
     url: URLSitePath() + '/report/apigetdatapermonth', 
     dataType: 'json', 
     cache: true, 
     async : true, 
     success: function(result) { 
      var arr = []; 
      $.each(result.items, function() { 
       arr.push({ 
        label:this.month, 
        value:this.total_subs 
       }); 
      }); 

      FusionCharts.ready(function() { 
      var revenueChart = new FusionCharts({ 
       type: 'column2d', 
       renderAt: 'chart-container', 
       width: '100%', 
       height: '350', 
       dataFormat: 'json', 
       dataSource: { 
        "chart": { 
         "caption": "Transvision subscribe via website", 
         "xAxisName": "Month", 
         "yAxisName": "Total Subs", 
         "numberPrefix": "", 
         "paletteColors": "#0075c2", 
         "bgColor": "#ffffff", 
         "borderAlpha": "20", 
         "canvasBorderAlpha": "0", 
         "usePlotGradientColor": "0", 
         "plotBorderAlpha": "10", 
         "placevaluesInside": "1", 
         "rotatevalues": "1", 
         "valueFontColor": "#ffffff", 
         "showXAxisLine": "1", 
         "xAxisLineColor": "#999999", 
         "divlineColor": "#999999", 
         "divLineIsDashed": "1", 
         "showAlternateHGridColor": "0", 
         "subcaptionFontBold": "0", 
         "subcaptionFontSize": "14" 
        }, 
        "data": [arr] 
       } 
      }).render(); 
      }); 

     }, 
     error: function(xhr, textStatus, errorThrown) { 
      alert('Error.'); 
     } 
    }); 
}); 

allgemeine Fusion erfordern Daten in ein Array wie

{ 
    "label": "Jan", 
    "value": "100" 
}, 
{ 
    "label": "Feb", 
    "value": "200" 
}, 
{ 
    "label": "Mar", 
    "value": "300" 
} 

Wie erhalte ich die Daten, die ich auf dem arr Variable können auf dem Datenteil der Fusion angezeigt werden? Ich habe es direkt versucht, indem ich den Code "data": [arr] gab aber gescheitert.

Dank

Answer 1

Sie das Array wie diese

var arr = [{ 
    "label": "Jan", 
    "value": "100" 
}, 
{ 
    "label": "Feb", 
    "value": "200" 
}, 
{ 
    "label": "Mar", 
    "value": "300" 
}] 

zu Fusion senden und dann Daten in Fusion Charts "data" = arr

Für weitere Informationen geben diese fiddle