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シリーズしかないから大丈夫。誰が何が起こっているかを見ることができますか?