使用嵌套Json創建帶有amcharts的圖表

Question

我需要使用AmCharts創建一個連續圖表，但我無法獲得它繪製嵌套bySexeDto數組的nbre值。

這是我的JSON structure。

我該如何讓AmCharts繪製嵌套結構？繪製圖表時

Answer 1

AmCharts不看嵌套JSON結構。您必須將bySexeDto字段中的嵌套數組作爲其獨立元素移動到頂層。

如下是你的陣列，並將其合併爲一個對象類似的陣列的例子{"category": "...", "value0": ..., "value1": ...}

//remap the array by flattening it into a compatible AmCharts dataProvider array with a matching categoryField and valueFields for each graph. 
//this returns an array of {"category": "...", "value0": ..., "value1": ..., /* etc ... */} 
var processedChartData = rawData.map(function(rawDataElement) { 
    var newDataElement = { "category": rawDataElement.libelleAr }; 
    rawDataElement.bySexeDto.forEach(function(nestedElement, index) { 
    newDataElement["value" + index] = nestedElement.nbre; 
    newDataElement["subcategory" + index] = nestedElement.libelleAr; //for balloonText purposes 
    }); 
    return newDataElement; 
}); 

Demo

如果需要從原數組額外的字段，修改代碼，包括他們在newDataElement結構中。