1

jquery を使用して、サーブレットから基本的な JSON オブジェクトを返していますが、これはまったく問題なく動作していますが、JSON をフォーマットして実際にグラフに入力するのに問題があります。

これは、サーブレットを呼び出すコードです。

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {

    $.getJSON('SearchServlet', {servletAction: 'getSummary'}, function(json) {
        var data = new google.visualization.DataTable(json);
          var chart = new google.visualization.PieChart(document.getElementById('summaryPieChart'));
          chart.draw(data, {backgroundColor:'#e9f1f4',width: '90%', height: '90%', legend:{position:'none'}, chartArea:{width:"90%",height:"90%"},colors:['#94d784','#d78484']});
    });

}

サーブレット側では、JSON を作成するために使用しているコードは次のとおりです。

private int positive;
private int negative;
private int neutral;

public DataTable createResultsJSON(){
    DataTable data = new DataTable();
    ArrayList<ColumnDescription> cols = new ArrayList<ColumnDescription>();
    cols.add(new ColumnDescription("summary", ValueType.TEXT, "Summary"));
    cols.add(new ColumnDescription("result", ValueType.NUMBER, "Result"));

    data.addColumns(cols);

    try {
        data.addRowFromValues("positive", positive, true);
        data.addRowFromValues("negative", negative, true);
        data.addRowFromValues("neutral", neutral, true);
      } catch (TypeMismatchException e) {
        System.out.println("Invalid type!");
      }
      return data;
}

以下を使用して JSON に変換されます。

String resultJson = new Gson().toJson(createResultsJSON());

結果の JSON の例は次のとおりです。

{
"columns":[
{"id":"summary","type":"TEXT","label":"Summary","pattern":""}, 
{"id":"result","type":"NUMBER","label":"Result","pattern":""}],
"columnIndexById":{"result":1,"summary":0},
"rows":[
{"cells":[{"value":{"value":"positive"}},{"value":{"value":362.0}}]},
{"cells":[{"value":{"value":"negative"}},{"value":{"value":302.0}}]},
{"cells":[{"value":{"value":"neutral"}},{"value":{"value":349.0}}]}],
"warnings":[]
}

ただし、Google チャートの JSON 仕様によると、次のようになります。

{
"cols": [
    {"id":"","label":"Topping","pattern":"","type":"string"},
    {"id":"","label":"Slices","pattern":"","type":"number"}
  ],
"rows": [
    {"c":[{"v":"Mushrooms","f":null},{"v":3,"f":null}]},
    {"c":[{"v":"Onions","f":null},{"v":1,"f":null}]},
    {"c":[{"v":"Olives","f":null},{"v":1,"f":null}]},
    {"c":[{"v":"Zucchini","f":null},{"v":1,"f":null}]},
    {"c":[{"v":"Pepperoni","f":null},{"v":2,"f":null}]}
  ]

}

サーバー側でJSONを正しくフォーマットするためのさまざまなアプローチを試しましたが、まだ行き詰まっています。すばやく簡単に修正できると確信しているので、助けていただければ幸いです。

クエリが JSON を取得して処理しようとすると、「テーブルに列がありません」と表示されます

ありがとう

4

2 に答える 2

3

json の代わりに文字列を作成します。その文字列をリクエストスコープに入れ、jsp(request.getAttribute()); でその文字列を直接取得します。

var data = new google.visualization.DataTable(request.getAttribute());

私はこれをやった私は答えを得た..

于 2013-03-22T13:44:15.267 に答える