来自mySql的amCharts json数据 - 图表未显示

时间:2017-10-08 22:24:53

标签: javascript c# asp.net json amcharts

无法使用数据库数据显示饼图。我的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>

1 个答案:

答案 0 :(得分:0)

您的字段设置不正确 - 它们区分大小写。 |<-async action 1->| |<-async action 3->| |<-async action 2->| |<-async action 4->| /\ /\ find this gap titleFieldvalueFieldballoonText是驼峰式的。你的配置全部都是小写的。

以下更新的代码:

markerType