为什么谷歌图表栏没有在angular应用程序中生成

why is google chart column not generating in angular app?

本文关键字：应用程序 angular 谷歌 为什么      更新时间：2023-09-26

我正在添加谷歌柱状图。我从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 }]}

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

试试这个，我希望它能工作

相关文章：