2

Google Charts API を使用して円グラフを描画しています。円グラフは、セットアップした API への ajax 呼び出しで動的に生成され、機能していましたが、データを追加し始めると、突然、円グラフが各セグメントの表示から 1 つの値 (その他) のグラフの表示に変わりました。

サーバーから戻ってきたjsonは次のとおりです

{
    "cols" : [{
            "id" : "",
            "label" : "Team",
            "type" : "string"
        }, {
            "id" : "",
            "label" : "Steps",
            "type" : "number"
        }
    ],
    "rows" : [{
            "c" : [{
                    "v" : "Draper",
                    "f" : null
                }, {
                    "v" : "626528",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Sterling",
                    "f" : null
                }, {
                    "v" : "539165",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Pryce",
                    "f" : null
                }, {
                    "v" : "557399",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "London",
                    "f" : null
                }, {
                    "v" : "807470",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Lynx Local",
                    "f" : null
                }, {
                    "v" : "428814",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Havas Health Software",
                    "f" : null
                }, {
                    "v" : "375235",
                    "f" : null
                }
            ]
        }
    ]
}

これは、チャートをロードするための私のjavascriptです

var jsonData = $.ajax({
    url: "/ChartData/OverallSteps",
    async: false
}).responseText;

var pieData = new google.visualization.DataTable(jsonData);

var pieOptions = {
    width: 600, height: 320, 'legend': { position: 'right',alignment:'center' },is3D: true,sliceVisibilityThreshold: 1/10000, chartArea: {left:0,top:0}
};

var pieChart = new google.visualization.PieChart(document.getElementById('teamPieChart'));
pieChart.draw(pieData, pieOptions);

ご覧のとおり、このGoogle Pie Chart not Showing All Data Rowsごとに sliceVisibilityThreshold を設定しようとしましたが、それも問題ではないようです。6シリーズしかないから大丈夫。誰が何が起こっているかを見ることができますか?

4

1 に答える 1

5

問題は、数値を文字列として入力していることです。これは有効ではありません:

"v" : "626528"

次のようにする必要があります。

"v" : 626528
于 2013-09-12T20:31:26.280 に答える