Informazioni sulla suddivisione dei dati del grafico C3.js

Question

Poiché non ho familiarità con la libreria C3.js, sono un po 'confuso quando ho provato a suddividere i dati della matrice.

Per istante ho un valore di matrice da un json.

var jsondata=[[123],[45],[56],[22]]; 

    var jsondataName=[["apple"],["orange"],["banana"],["pear"]]; 

ho cercato di passare il primo array jsondata nel grafico ma questi valori vanno nella stessa colonna che non è qualcosa vorrei vedere.

Voglio che questi valore di matrice diventano dati indipendenti e spingere il nome in esso

Si prega di vedere la demo ho fatto: http://jsfiddle.net/q8h39/92/

E il risultato che voglio dovrebbe apparire come

Aggiornamento il formato dati JSON:

"Name": apple, 
    "data": { 
     "value": 1434, 
     } 
    "Name": banana, 
    "data": { 
     "value": 342, 
     } 

    } 
} 

Answer 1

È possibile t l'oggetto JSON per data.json e quindi impostare data.keys.value a una serie di valori in quella JSON:

var jsondata = [{ 
    "Name": "apple", 
    "data": { 
    "value": 1434, 
    }, 
}, { 
    "Name": "banana", 
    "data": { 
    "value": 342, 
    } 
}]; 

var chart = c3.generate({ 
    data: { 
    json: jsondata, 
    keys: { 
     value: [ 
     "name", "data.value" 
     ] 
    }, 
    type: "scatter" 
     //hide: true 
    } 
}); 

http://jsfiddle.net/aendrew/mz9ccbrc/

nb, È necessario C3 v0.4.11 per questo (la sintassi punto per keys.value è stato appena aggiunto) e il tuo oggetto JSON deve essere un array (al momento non è valido).

Se si desidera convertire i due array dalla tua domanda iniziale a quello formato JSON, provate questo:

d3.zip(jsondataName, jsondata) 
.map((d) => Object({name: d[0][0], data: { value: d[1][0] } }));