无法使用数据库数据显示饼图。我的json好看吗?
示例Json
[{"id":1,"sport":"football","score":138.10,"entry":3.00,"winnings":8.00},{"id":2,"sport":"basketball","score":120.00,"entry":10.00,"winnings":20.00}]
我知道图表正在连接到数据集,因为我得到一个带有NaN作为标签的彩色块,我的数据库中的每一行都有一个块。见image。 “entry”是Db中的一个浮点数,我将它换成另一个Db中的Int字段,因为我认为浮点数是非数字,但看起来并非如此
<script type="text/javascript">
AmCharts.makeChart("piechartdiv", {
"type": "pie",
"dataLoader": {
"url": "http://siteaddress.com/api/entries",
"format": "json",
"showErrors": "true"
},
"titlefield": "sport",
"valuefield": "entry",
"balloontext": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
"legend": {
"align": "center",
"markertype": "circle"
}
});
</script>
<div id="piechartwrapper">
<div id="piechartdiv" style="width: 100%" class="col-md-6 col-md-offset-0"></div>
</div>
答案 0 :(得分:0)
您的字段设置不正确 - 它们区分大小写。 |<-async action 1->| |<-async action 3->|
|<-async action 2->| |<-async action 4->|
/\ /\
find this gap
,titleField
,valueField
和balloonText
是驼峰式的。你的配置全部都是小写的。
以下更新的代码:
markerType