角度图表不起作用

时间:2014-12-17 04:50:48

标签: javascript angularjs charts

我正在使用Angular-chart。下面是我的JS

  $scope.Fchart = {
        series: "Employer",
        data: [ {x:"abc",y:450},{x:"bcd",y:500},{x:"cds",y:350} ]
    };

我的HTML如下所示

<div ac-chart="chartType" ac-data="Fchart" ac-config="config" id='chart' class='chart'></div>

这是我的App.js

var myApp = angular.module('myApp', ['ngRoute','ui.bootstrap','myApp.config','ui.select2','ngToast','angularCharts']);

当我运行应用程序时。我得到undefined不是在控制台中的功能。我也没有得到图表。

出了什么问题?

任何人都可以帮助我。谢谢,

1 个答案:

答案 0 :(得分:1)

系列应为数组:series: ['Employer'],

y应为数组{x:"abc",y:[450]}

$scope.Fchart = {
    series: ['Employer'],
    data: [
          {x:"abc",y:[450]},
          {x:"bcd",y:[500]},
          {x:"cds",y:[350]}
    ]
}

并且您错过了<div>中的图表类型。

<div ac-chart="chartType" ... // have to replace the `chartType` with a chart type like `bar` , `pie`

然后它应该像

<div ac-chart="'bar'".... //for bar chart. 

plunker