Question

我试图在图表中显示数据，这次使用amchart和angular来使用REST服务。

这是使用服务并调用amchart的代码：

function GetData($scope, $http){
$http.get('http://localhost/api/v1/index.php/data').
    success(function(data){
    //$scope.dados = data;

            var json = data; 

        var chart = AmCharts.makeChart( "chartdiv", {
          "type": "serial",
          "theme": "light",
          "dataProvider": data,
          "valueAxes": [ {
            "gridColor": "#FFFFFF",
            "gridAlpha": 0.2,
            "dashLength": 0
          } ],
          "gridAboveGraphs": true,
          "startDuration": 1,
          "graphs": [ {
            "balloonText": "[[category]]: <b>[[value]]</b>",
            "fillAlphas": 0.8,
            "lineAlpha": 0.2,
            "type": "column",
            "valueField": "visits"
          } ],
          "chartCursor": {
            "categoryBalloonEnabled": false,
            "cursorAlpha": 0,
            "zoomable": false
          },
          "categoryField": "country",
          "categoryAxis": {
            "gridPosition": "start",
            "gridAlpha": 0,
            "tickPosition": "start",
            "tickLength": 20
          },
          "export": {
            "enabled": true
          }

        } );          

});

}

这是我的HTML

<body ng-controller="GetData">
    <div id="chartdiv" style="width: 100%; height: 500px"></div>
</body>

它没有显示任何内容

Answer 1

您的浏览器输出是否完全空白？如果是这样，请检查浏览器中的javascript错误。这应该指向正确的方向。你在某处包括amcharts库吗？我在你的html或js中看不到这个。

如果您看到空白图表，那么您的json可能存在问题，请在此处查看或发布以获取帮助。

检索要在amcharts中显示的数据

1 个答案: