來自mySql的amCharts json數據-圖表未顯示

Question

無法獲取餅圖以使用數據庫數據顯示。 我的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標簽的彩色塊，數據庫中的每一行都有一個塊。 見圖片 。 “ entry”是Db中的一個浮點數，我已經將它與另一個字段（即Db中的Int）交換了，因為我以為這個浮點數會以Not A Number的形式返回，但事實並非如此。

    <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>

Answer 1

您的字段設置不正確-區分大小寫。 titleField ， valueField ， balloonText和markerType是駝峰式的。 您的配置中全部使用小寫字母。

更新后的代碼如下：

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"
  }
});