问角-google-图表不工作
EN

Stack Overflow用户

提问于 2015-02-22 20:34:38

回答 1查看 2.1K关注 0票数 0

试过简单的角度+角度-谷歌图表，但它根本不起作用。没有显示图表。测试代码如下：

//bower.json
{
        "dependencies": {
                "jquery": "2.1.3",
                "angular": "1.2.9",
                "angular-ui-select": "0.9.9",
                "select2": "3.5.2",
                "bootstrap": "3.3.2",
                "rxjs": "2.3",
                "angular-google-chart": "0.0.11"
        },
        "resolutions": {
                "angular": ">=1.2.18"
        }
}

和测试html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link type="text/css" rel="stylesheet" href="bower_components/select2/select2.css"/>
    <link type="text/css" rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"/>
    <link type="text/css" rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.css"/>
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="bower_components/select2/select2.js"></script>
    <script type="text/javascript" src="bower_components/angular/angular.js"></script>
    <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="bower_components/rxjs/dist/rx.all.js"></script>
    <script type="text/javascript" src="bower_components/angular-google-chart/ng-google-chart.js"></script>
    <script type="text/javascript" src="bower_components/angular-google-chart/sample.js"></script>
    <script type="text/javascript" src="bower_components/angular-google-chart/partials/annotation.js"></script>
    <script type="text/javascript" src="bower_components/angular-google-chart/partials/generic.js"></script>
    <script type="text/javascript" src="bower_components/angular-google-chart/partials/fat.js"></script>
    <script type="text/javascript">
        (function() {
            var app = angular.module('test', []);
            app.controller('TestController', function($scope) {
                $scope.text = 'Hello';
                $scope.chartObject = {};
                $scope.onions = [
                {v: "Onions"},
                {v: 3},
                ];

                $scope.chartObject.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},
                                ]}
                                ]};
                            });
        }());
    </script>
</head>
<body ng-app="test">
    <div ng-controller="TestController">
        <div>{{text}}</div>
        <div google-chart chart="chartObject" style="{{cssStyle}}"></div>
    </div>

</body>
</html>

从http://bouil.github.io/angular-google-chart/#/fat获取的代码

javascript

angularjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-23 02:37:27

在应用程序的依赖项中不包括googlechart模块--试试：

var app = angular.module('test', ['googlechart']);

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28662917

复制

相似问题

问角-google-图表不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角-google-图表不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角-google-图表不工作
EN