问制作交互式角度谷歌图指令集成气泡图

EN

<div google-chart chart="chartObject" style="{{cssStyle}}" custom-select="handleSelect"></div>

 $scope.handleSelect=function(selection){
                console.log(selection);
            };

            $scope.chartObject = {};
            $scope.chartObject.type = "BubbleChart";
            $scope.chartObject.displayed = true;
            $scope.chartObject.data = {
                                    "cols": [{
                                        "id": "xx",
                                        "label": "xx",
                                        "type": "xx",
                                        "p": {}
                                    }, {
                                        "id": "xx",
                                        "label": "xx",
                                        "type": "number",
                                        "p": {}
                                    }, {
                                        "id": "xx",
                                        "label": "xxx",
                                        "type": "number",
                                        "p": {}
                                    }, {
                                        "id": "",
                                        "label": "",
                                        "type": "number",
                                        "p": {}
                                    }],
                                    "rows": $scope.data
                                };
                $scope.chartObject.options = {
                                            "chartArea": {
                                                top: 10,
                                                bottom: 0,
                                                width: '82%',
                                                height: '85%'
                                            },
                                            "isStacked": "false",
                                            "height": 280,
                                            "fill": 1,
                                            "displayExactValues": true,
                                            "colorAxis": {
                                                minValue: 0,
                                                colors: ['#ff0000', '#ff5300', '#ff8900', '#ffb800', '#ffd600', '#ffe800', '#beee07', '#8edc0c', '#58ce34', '#22ac19']
                                            },
                                            "vAxis": {
                                                "title": "Support Level",
                                                "minValue": 0,
                                                "maxValue": $scope.yaxis_value,
                                                "viewWindowMode": "pretty",
                                                "gridlines": {
                                                    "count": 5
                                                },
                                                "gridlines.color": "#D3D3D3"
                                            },

                                            "hAxis": {
                                                "title": "No. Of Incident",
                                                "maxValue": $scope.xaxis_value,
                                                "gridlines": {
                                                    "count": 4
                                                },
                                                "gridlines.color": "#D3D3D3"
                                            },
                                        };
                $scope.chartObject.formatters = {};
            });