Informacje na temat podziału danych na wykresy C3.js

Question

Ponieważ nie jestem zaznajomiony z biblioteką C3.js, jestem nieco zmieszany, gdy próbowałem podzielić dane Array.

Na chwilę mam trochę wartości tablicy od json.

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

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

starałem się przekazać pierwsza tablica jsondata na wykresie, ale wartości te iść do tej samej kolumnie, która nie jest coś, co chciałby zobaczyć.

Chcę nich wartość array stać niezależne dane i wcisnąć nazwę na nim

proszę zobaczyć demo i wykonana: http://jsfiddle.net/q8h39/92/

a wynik chcę powinien wyglądać jak

Aktualizacja format danych json:

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

    } 
} 

Answer 1

Możesz se t przedmiotem JSON data.json i ustawiony data.keys.value do tablicy wartości w tym 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, trzeba C3 v0.4.11 dla tego (składni kropka keys.value został dodany), a twój obiekt JSON musi być tablicą (obecnie jest niepoprawna).

Jeśli chcesz przekonwertować dwie tablice z początkowego pytania do tego formatu JSON, spróbuj tego:

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