Question

我正在尝试将图表导出为图像，但没有运气。

我尝试在线搜索但找不到使用谷歌图表的方式

我的控制器

       $scope.chartObject = {
            "type": "PieChart",
            "displayed": true,
            "data": {
                "cols": [
                {
                    "id": "month",
                    "label": "Month",
                    "type": "string",
                    "p": {}
                },
                {
                    "id": "laptop-id",
                    "label": "Laptop",
                    "type": "number",
                    "p": {}
                },
                {
                    "id": "desktop-id",
                    "label": "Desktop",
                    "type": "number",
                    "p": {}
                },
                {
                    "id": "server-id",
                    "label": "Server",
                    "type": "number",
                    "p": {}
                },
                {
                    "id": "cost-id",
                    "label": "Shipping",
                    "type": "number"
                }
                ],
                "rows": [
                {
                    "c": [
                    {
                        "v": "January"
                    },
                    {
                        "v": 19,
                        "f": "42 items"
                    },
                    {
                        "v": 12,
                        "f": "Ony 12 items"
                    },
                    {
                        "v": 7,
                        "f": "7 servers"
                    },
                    {
                        "v": 4
                    }
                    ]
                },
                {
                    "c": [
                    {
                        "v": "February"
                    },
                    {
                        "v": 13
                    },
                    {
                        "v": 1,
                        "f": "1 unit (Out of stock this month)"
                    },
                    {
                        "v": 12
                    },
                    {
                        "v": 2
                    }
                    ]
                },
                {
                    "c": [
                    {
                        "v": "March"
                    },
                    {
                        "v": 24
                    },
                    {
                        "v": 5
                    },
                    {
                        "v": 11
                    },
                    {
                        "v": 6
                    }
                    ]
                }
                ]
            },
            "options": {
                "title": "Sales per month",
                "isStacked": "true",
                "fill": 20,
                "displayExactValues": true,
                "vAxis": {
                    "title": "Sales unit",
                    "gridlines": {
                        "count": 10
                    }
                },
                "hAxis": {
                    "title": "Date"
                }
            },
            "formatters": {}
        };

HTML代码

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

除google.visualization之外还有其他选择吗？

Answer 1

我认为您可以通过画布将谷歌图表导出为图像。现在，我正在使用html2canvas来捕获我的图表并将其导出为PNG文件

在angularjs中将Google图表导出为PDF格式

1 个答案: