Angularjs 将谷歌图表导出到Excel表格中

我使用ng谷歌图表从数据库中接收的数据创建图表。我将数据存储在一个表中。我需要导出表和图表

我使用以下技术导出表（其中“exportable”是包含表的div）：

我找不到任何方法将图表添加到此文件

这是生成图表的代码

var chart1 = {};
                    chart1.type = "ColumnChart";
                    chart1.cssStyle = "height:400px; width:500px;";
                    chart1.data = {
                        "cols": [
                            { id: "gender", label: "Gender", type: "string" },
                            { id: "number", label: "number", type: "number" }

                        ], "rows": [
                            {
                                c: [
                                   { v: "male" },
                                   { v: $scope.male, f: $scope.male }

                                ]
                            },

                            {
                                c: [
                                   { v: "female" },
                                   { v: $scope.female }

                                ]
                            }
                        ]
                    };

                    chart1.options = {
                        "title": "",
                        "isStacked": "true",
                        "fill": 20,
                        "displayExactValues": true,
                        "vAxis": {
                            "title": "Number", "gridlines": { "count": 6 }
                        },
                        "hAxis": {
                            "title": "gender"
                        }
                    };

                    chart1.formatters = {};

                    $scope.chart = chart1;


                }

要打开图表，请等待

ready

事件并调用函数。
然后您可以将图像添加到页面的某个位置。
如果需要，您甚至可以隐藏原始图表…
下面是将图像URI加载到另一个元素的示例

google.load（'visualization'，'1'，{packages:['corechart']，callback:drawChart}）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“元素”、“密度”{role:“样式”}]，
[“铜”，8.94，#b87333”]，
[“银”，10.49，“银”]，
[“黄金”，19.30，“黄金”]，
[“白金”，21.45，“颜色：#e5e4e2”]
]);
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1，
{calc:“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”}，
2]);
变量选项={
标题：“贵金属密度，单位为g/cm^3”，
宽度：600，
身高：400，
条：{groupWidth:“95%”，
图例：{位置：“无”}，
};
var chart=new google.visualization.ColumnChart（document.getElementById（“chart_div”）；
google.visualization.events.addListener（图表'ready'，函数（）{
document.getElementById（“图表图像”）.insertAdjacentHTML（'beforeed'，''）；
});
图表绘制（视图、选项）；
}

图表


形象

要打开图表，请等待

ready

事件并调用函数。
然后您可以将图像添加到页面的某个位置。
如果需要，您甚至可以隐藏原始图表…
下面是将图像URI加载到另一个元素的示例

google.load（'visualization'，'1'，{packages:['corechart']，callback:drawChart}）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“元素”、“密度”{role:“样式”}]，
[“铜”，8.94，#b87333”]，
[“银”，10.49，“银”]，
[“黄金”，19.30，“黄金”]，
[“白金”，21.45，“颜色：#e5e4e2”]
]);
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1，
{calc:“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”}，
2]);
变量选项={
标题：“贵金属密度，单位为g/cm^3”，
宽度：600，
身高：400，
条：{groupWidth:“95%”，
图例：{位置：“无”}，
};
var chart=new google.visualization.ColumnChart（document.getElementById（“chart_div”）；
google.visualization.events.addListener（图表'ready'，函数（）{
document.getElementById（“图表图像”）.insertAdjacentHTML（'beforeed'，''）；
});
图表绘制（视图、选项）；
}

图表


形象

如何创建图表的图像？是否有一种方法可以在创建图像时将其添加到excel文件中？不确定，可能尝试用图像替换实际图表，然后从

innerHTML

下载该图像？我可以获取图表的URI吗？这样，我就可以将它包含在表中并将其导出。如何创建图表的图像？是否可以在创建图像时将图像添加到excel文件中？不确定，可能尝试用图像替换实际图表，然后将从

innerHTML

下载该图？我可以获取图表的URI吗？这样，我就可以将它包含在表中并导出。如何将图像导出为png？或者jpg？URI应该保存为PNGwhen i include in img in the table，并为其提供internet上某个图像的src，该图像将被导出。但如果我给它图形（或任何下载的图像）的uri，而不是图像，我会在excel中得到一个框，上面写着“链接的图像无法显示。文件可能已被移动、重命名或删除。请验证链接是否指向正确的文件位置”。任何想法。我非常感谢help@IsmaeelAfaqi此问题是否已修复？问题仍然存在，请使用url下载img，没有问题--如果src=uri，则不下载--解决方法是将uri保存为png，然后将url提供给png--使用sharepoint web service将img保存为png…如何将图像导出为png？或者jpg？URI应该保存为PNGwhen i include in img in the table，并为其提供internet上某个图像的src，该图像将被导出。但如果我给它图形（或任何下载的图像）的uri，而不是图像，我会在excel中得到一个框，上面写着“链接的图像无法显示。文件可能已被移动、重命名或删除。请验证链接是否指向正确的文件位置”。任何想法。我非常感谢help@IsmaeelAfaqi此问题是否已修复？问题仍然存在，请使用url下载img，没有问题--如果src=uri，则不下载--解决方法是将uri保存为png，然后将url提供给png--使用sharepoint web service将img保存到png。。。

var chart1 = {};
                    chart1.type = "ColumnChart";
                    chart1.cssStyle = "height:400px; width:500px;";
                    chart1.data = {
                        "cols": [
                            { id: "gender", label: "Gender", type: "string" },
                            { id: "number", label: "number", type: "number" }

                        ], "rows": [
                            {
                                c: [
                                   { v: "male" },
                                   { v: $scope.male, f: $scope.male }

                                ]
                            },

                            {
                                c: [
                                   { v: "female" },
                                   { v: $scope.female }

                                ]
                            }
                        ]
                    };

                    chart1.options = {
                        "title": "",
                        "isStacked": "true",
                        "fill": 20,
                        "displayExactValues": true,
                        "vAxis": {
                            "title": "Number", "gridlines": { "count": 6 }
                        },
                        "hAxis": {
                            "title": "gender"
                        }
                    };

                    chart1.formatters = {};

                    $scope.chart = chart1;


                }