为什么谷歌图表列不生成角应用程序？

Question

我正在添加Google列图，我将一些代码从AGC粘贴到我的页面，但是为什么它不生成图表呢？

Bar.cshtml

<div google-chart chart="myChartObject" width:100%;"></div>
    @section scripts{
        <script src="~/Scripts/Charts/BarCharts.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-google-chart/0.1.0/ng-google-chart.js" type="text/javascript"></script>}

MyApp.cshtml

var app = angular.module('MyApp', [])
app.filter('ctime', function(){

    return function(jsonDate){

        var date = new Date(parseInt(jsonDate.substr(6)));
        return date;
    }   
})

Javfile.Js

   var app = angular.module("MyApp", ['googlechart']);
                    app.controller("GenericChartCtrl", function ($scope) {
        $scope.myChartObject = {};

        $scope.myChartObject.type = "ColumnChart";

        $scope.onions = [
            { v: "Onions" },
            { v: 3 },
        ];

        $scope.myChartObject.data = {
            "cols": [
                { id: "t", label: "Topping", type: "string" },
                { id: "s", label: "Slices", type: "number" }
            ], "rows": [ {
c: [ { v: "Mushrooms" }, { v: 3 },]},{ c: $scope.onions },{c: [{ v: "Olives" }, { v: 31 }]}

Answer 1

<div google-chart chart="myChartObject" style="width:100%;" ng-controller="GenericChartCtrl">

</div>

试试这个，我希望它能起作用。