D3.js: Como ler dados do JSON no gráfico de barras agrupadas
Eu estou trabalhando emD3.js onde estou explorando todos os aspectos do D3. Enquanto exploraGráfico de barras agrupadas Posso atravessar para ler o arquivo através de JSON (não via CSV).
Se você pode ver emGráfico de barras agrupadas eles estão usandodata.csv
State,Under 5 Years,5 to 13 Years,14 to 17 Years,18 to 24 Years,25 to 44 Years,45 to 64
Years,65 Years and Over
CA,2704659,4499890,2159981,3853788,10604510,8819342,4114496
TX,2027307,3277946,1420518,2454721,7017731,5656528,2472223
NY,1208495,2141490,1058031,1999120,5355235,5120254,2607672
FL,1140516,1938695,925060,1607297,4782119,4746856,3187797
IL,894368,1558919,725973,1311479,3596343,3239173,1575308
PA,737462,1345341,679201,1203944,3157759,3414001,1910571
Eu quero construir o mesmo gráfico, mas com arquivo JSON.Como posso converter esse arquivo CSV para JSON e gerar o mesmo gráfico? por favor ajude.
EDITAR
Eu personalizo este gráfico de acordo com minha necessidade. Aqui está o meu data.csv
State,Orders,Abandoned
0,300,500
1,400,600
2,500,700
3,600,800
4,700,900
5,800,1000
6,900,1100
7,1000,1200
8,700,900
9,600,700
10,550,750
Então, aqui eu codifiquei todos os valores e o gráfico está saindo em um bom formato.
Agora estou escrevendo um serviço da Web usando JAXB para enviar os mesmos dados usando o formato JSON.
{
"ordernumbertrack": [
{
"state":1,
"noOfCancellation": "12",
"noOfOrder": "30"
},
{
"state":2,
"noOfCancellation": "7",
"noOfOrder": "15"
},
{
"state":3,
"noOfCancellation": "15",
"noOfOrder": "35"
},
{
"state":4,
"noOfCancellation": "5",
"noOfOrder": "18"
},
{
"state":5,
"noOfCancellation": "10",
"noOfOrder": "55"
},
{
"state":6,
"noOfCancellation": "8",
"noOfOrder": "45"
},
{
"state":7,
"noOfCancellation": "5",
"noOfOrder": "20"
},
{
"state":8,
"noOfCancellation": "6",
"noOfOrder": "30"
},
{
"state":9,
"noOfCancellation": "4",
"noOfOrder": "22"
},
{
"state":10,
"noOfCancellation": "17",
"noOfOrder": "40"
},
{
"state":11,
"noOfCancellation": "2",
"noOfOrder": "14"
},
{
"state":12,
"noOfCancellation": "5",
"noOfOrder": "18"
}
]
}
Como posso analisá-lo agora?