Question

我正在尝试使用google-chart

在我的Angular应用程序上创建图形

我尝试过这个例子，但仍然没有成功。我的意思是图表没有加载，它的空白和＆amp;控制台中也没有错误。这些是在控制台

中获得的消息

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

[AGC]调用标记助手... angular.js：12808：18

[AGC] Tag helper返回成功。

如果我尝试在plunker或jsfiddle中运行它，它就可以作为魅力

https://angular-google-chart.github.io/angular-google-chart/docs/latest/examples/pie/

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

angular.module('myAppT').controller('analyticController',analyticController);

analyticController $注入= [＆＃39; sharedService＆＃39;＆＃39; commonService＆＃39;＆＃39; $范围＆＃39;＆＃39;会话＆＃39;，＆＃39; $状态＆＃39;＆＃39; $的sessionStorage＆＃39;];

function analyticController（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 JS 1.4

0 个答案: