Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google图表未加载Angular JS 1.4_Javascript_Angularjs_Google Visualization - Fatal编程技术网

Javascript Google图表未加载Angular JS 1.4

Javascript Google图表未加载Angular JS 1.4,javascript,angularjs,google-visualization,Javascript,Angularjs,Google Visualization,我正在尝试在我的Angular应用程序上使用 我试着效仿这个例子,但仍然没有成功。我的意思是图形不加载,它是空白的&而且控制台中没有错误。这些是在控制台中获得的消息 已调用[AGC]jsapi加载程序。angular.js:12808:18 [AGC]正在调用标记帮助程序。。。angular.js:12808:18 [AGC]标记帮助程序返回成功 如果我试着在plunker或JSFIDLE中运行它,它会很有魅力 以前有人遇到过这样的问题吗?期待你的建议 angular.module('myAp

我正在尝试在我的Angular应用程序上使用

我试着效仿这个例子,但仍然没有成功。我的意思是图形不加载,它是空白的&而且控制台中没有错误。这些是在控制台中获得的消息

已调用[AGC]jsapi加载程序。angular.js:12808:18

[AGC]正在调用标记帮助程序。。。angular.js:12808:18

[AGC]标记帮助程序返回成功

如果我试着在plunker或JSFIDLE中运行它,它会很有魅力

以前有人遇到过这样的问题吗?期待你的建议

angular.module('myAppT').controller('analyticController',analyticController);
analyticController.$inject=['sharedService'、'commonService'、'$scope'、'session'、'$state'、'$sessionStorage']

功能分析控制器(sharedService、commonService、$scope、session、$state、$sessionStorage){ $scope.myChartObject={}

    $scope.myChartObject.type = "PieChart";

    $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}
        ]},
        {c: [
            {v: "Zucchini"},
            {v: 1},
        ]},
        {c: [
            {v: "Pepperoni"},
            {v: 2},
        ]}
    ]};

    $scope.myChartObject.options = {
        'title': 'How Much Pizza I Ate Last Night'
    };
}

在html中

<div google-chart chart="myChartObject" style="height:600px; width:100%;"></div>


请向我们展示您编写的代码。您是否导入了此图表使用的所有内容?似乎不是。我做了,angular.module('myAppT','coreapp','ps.unsecured','ngFileUpload','ps.analytics','googlechart');您已经在模块中添加了依赖项,但是它需要导入此项。这让angular知道此依赖项存在,并且它从导入中的特定路径导入。在模块可能是导入之前。如果您使用的是WebStorm,它通常会自动导入您使用
npm
下载的所有内容。否则,您必须自己导入此图表。是否由软件包管理器安装此图表模块?你可能忘了。它也应该在package.json中公布。另一种方式,正如他们提到的,您可以添加CDN链接,这意味着它将从另一个资源下载。我建议你使用第二个链接,因为它被缩小了,重量会减轻。它应该在index.html中的tagsI am using bower和gulp之间添加,如果我按视图源进行检查,看起来图表已经包含在内,