javascript - Angular 图不起作用

Question

我正在使用 Angular 图表。下面是我的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']);

当我运行应用程序时。我在控制台中得到了未定义的功能。我也没有得到图表。

出了什么问题？

谁能帮帮我。谢谢，

Answer 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