Javascript Google图表未加载Angular JS 1.4
我正在尝试在我的Angular应用程序上使用 我试着效仿这个例子,但仍然没有成功。我的意思是图形不加载,它是空白的&而且控制台中没有错误。这些是在控制台中获得的消息 已调用[AGC]jsapi加载程序。angular.js:12808:18 [AGC]正在调用标记帮助程序。。。angular.js:12808:18 [AGC]标记帮助程序返回成功 如果我试着在plunker或JSFIDLE中运行它,它会很有魅力 以前有人遇到过这样的问题吗?期待你的建议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.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之间添加,如果我按视图源进行检查,看起来图表已经包含在内,