Format für c3.js

Question

Ich habe einen Datenrahmen, der die Informationen, die ich von Python und Pandas ausgeben will, wird es in JSON wie folgt konvertieren, was ist das beste Format für C3.js es zu lesen?

'{"schema": {"fields":[{"name":"Employee Department","type":"string"}, 
{"name":"Total_Employees","type":"integer"}, 
{"name":"Completed","type":"integer"}, 
{"name":"Remaining","type":"integer"}],"primaryKey":["Employee Department"],"pandas_version":"0.20.0"}, 
"data": 
    [ 
    {"Employee Department":"AQPSD","Total_Employees":163,"Completed":70,"Remaining":93}, 
    {"Employee Department":"ASD","Total_Employees":149,"Completed":77,"Remaining":72}, 
    {"Employee Department":"CO","Total_Employees":37,"Completed":8,"Remaining":29}, 
    {"Employee Department":"ECARS","Total_Employees":243,"Completed":158,"Remaining":85}, 
    {"Employee Department":"ED","Total_Employees":172,"Completed":70,"Remaining":102}, 
    {"Employee Department":"EO","Total_Employees":70,"Completed":24,"Remaining":46}, 
    {"Employee Department":"ISD","Total_Employees":138,"Completed":54,"Remaining":84}, 
    {"Employee Department":"MLD","Total_Employees":180,"Completed":101,"Remaining":79}, 
    {"Employee Department":"MSCD","Total_Employees":161,"Completed":79,"Remaining":82}, 
    {"Employee Department":"OIS","Total_Employees":93,"Completed":41,"Remaining":52}, 
    {"Employee Department":"RD","Total_Employees":79,"Completed":38,"Remaining":41}, 
    {"Employee Department":"TTD","Total_Employees":102,"Completed":45,"Remaining":57}] 
}' 

Answer 1

Wenn Sie df.to_json(orient='records') verwenden, wo df Ihre Datenrahmen ist, sind die Daten serialisiert im JSON-Format, das erwartet c3.js.

Angenommen, Sie verwenden etwas wie Flask, kann Ihr Controller diese json zurückgeben, und Ihr Frontend kann einen Anruf zu dieser Route (sagen wir $.ajax()). Dann, wenn Sie die Nutzlast erhalten, können Sie JSON.parse() darauf verwenden, wie es um Ihre c3.generate Funktion übergeben direkt wie folgt:

 c3.generate({ 
       data: { 
        json: // here is where your data goes 
       } 
     });