2

私はjsonが初めてで、HighChartを作成したい、JSON形式のデータがあり、それをテーブル形式に変換しました[以下はJSONから抽出されたデータと列です]。

会場の日付範囲のクリック数

Yahoo 検索 2010-04-01 2172
Google 2010-04-01 10830
MSN 2010-04-01 555
SSP 2010-04-01 0
Yahoo 検索 2010-04-02 1746
Google 2010-04-02 8508
MSN 2010-04-02 477
グーグル 2010-04-03 5061
ヤフー検索 2010-04-03 1113
MSN 2010-04-03 192

次の形式で JSON 文字列を作成したいのですが、どうすればよいですか 

xAxis: {categories: ['2010-04-01', '2010-04-02', ' 2010-04-03']},
series: [{
                name: 'Yahoo Search',
                data: [2172 ,1746,1113]
            }, 
{
                name: 'Google',
                data: [10830,8508,5061]
            },
 {
                name: 'MSN',
                data: [555,477,792]
            }, 
{
                name: 'SSP',
                data: [0,0,0]
            }]

私のjsonデータはこちら

{"schema":{"fields":[{"name":"NM_Venue","type":"STRING","mode":"NULLABLE"},{"name":"NM_DateRange","type":"STRING","mode":"NULLABLE"},{"name":"M_Clicks","type":"INTEGER","mode":"NULLABLE"}]},"totalRows":"10","rows":[{"f":[{"v":"Yahoo Search"},{"v":"2010-04-01"},{"v":"2172"}]},{"f":[{"v":"Google"},{"v":"2010-04-01"},{"v":"10830"}]},{"f":[{"v":"MSN"},{"v":"2010-04-01"},{"v":"555"}]},{"f":[{"v":"SSP"},{"v":"2010-04-01"},{"v":"0"}]},{"f":[{"v":"Yahoo Search"},{"v":"2010-04-02"},{"v":"1746"}]},{"f":[{"v":"Google"},{"v":"2010-04-02"},{"v":"8508"}]},{"f":[{"v":"MSN"},{"v":"2010-04-02"},{"v":"477"}]},{"f":[{"v":"Google"},{"v":"2010-04-03"},{"v":"5061"}]},{"f":[{"v":"Yahoo Search"},{"v":"2010-04-03"},{"v":"1113"}]},{"f":[{"v":"MSN"},{"v":"2010-04-03"},{"v":"192"}]}],
"result":{"schema":{"fields":[{"name":"NM_Venue","type":"STRING","mode":"NULLABLE"},{"name":"NM_DateRange","type":"STRING","mode":"NULLABLE"},{"name":"M_Clicks","type":"INTEGER","mode":"NULLABLE"}]},"totalRows":"10","rows":[{"f":[{"v":"Yahoo Search"},{"v":"2010-04-01"},{"v":"2172"}]},{"f":[{"v":"Google"},{"v":"2010-04-01"},{"v":"10830"}]},{"f":[{"v":"MSN"},{"v":"2010-04-01"},{"v":"555"}]},{"f":[{"v":"SSP"},{"v":"2010-04-01"},{"v":"0"}]},{"f":[{"v":"Yahoo Search"},{"v":"2010-04-02"},{"v":"1746"}]},{"f":[{"v":"Google"},{"v":"2010-04-02"},{"v":"8508"}]},{"f":[{"v":"MSN"},{"v":"2010-04-02"},{"v":"477"}]},{"f":[{"v":"Google"},{"v":"2010-04-03"},{"v":"5061"}]},{"f":[{"v":"Yahoo Search"},{"v":"2010-04-03"},{"v":"1113"}]},{"f":[{"v":"MSN"},{"v":"2010-04-03"},{"v":"192"}]}]}}
4

1 に答える 1

0

たとえば、次の関数を使用して、既存の JSON 文字列を新しい JSON 文字列に変換できます。

function makeJSONstring(jsonstr) {
    var rows = JSON.parse(jsonstr).rows;
    console.log(rows);
    var data = [];
    for (var i=0; i<rows.length; i++) {
        data.push({
            Venue: rows[i].f[0].v,
            DateRange: rows[i].f[1].v,
            Clicks: rows[i].f[2].v | 0
        });
    }
    //console.log(data);
    var out = {
        xAxis: {
            categories: [ /*'2010-04-01', '2010-04-02', ' 2010-04-03'*/ ]
        },
        series: [ /*{ name: 'Yahoo Search', data: [2172 ,1746,1113] } , etc. */ ]
    };
    var cat = {}, ser = {}; // temporary variables
    for (i = 0; i < data.length; i++) {
        // data[i].Vanue , data[i].DateRange , data[i].Clicks
        if (cat[data[i].DateRange] === undefined) {
            cat[data[i].DateRange] = true;
            out.xAxis.categories.push(data[i].DateRange);
        }
        if (ser[data[i].Venue] === undefined) {
            ser[data[i].Venue] = out.series.length;
            out.series.push({
                name: data[i].Venue,
                data: [data[i].Clicks]
            });
        } else {
            var index = ser[data[i].Venue];
            out.series[index].data.push(data[i].Clicks);
        }
    }
    //console.log(out);
    return JSON.stringify(out);
}

JSFIDDLE

または、テーブルからデータが収集される別の例は次のとおりです: jsfiddle

于 2013-07-30T08:42:37.650 に答える