角图不工作

Question

我用的是角图。下面是我的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. 

柱塞