【问题标题】：How to export angularjs-nvd3 chart to a file如何将 angularjs-nvd3 图表导出到文件
【发布时间】：2014-03-29 12:54:57
【问题描述】：

我想通过使用 angularjs-nvd3-directives 在我的 AngularJS 应用程序中使用 nvd3 图表库有没有办法将任何给定的 nvd3 图表导出为任何图形文件格式？

【问题讨论】：

【解决方案1】：

请发布代码示例以获得详细帮助

将图表捕获到文件中以供使用

$scope.callback = function(scope,element){ $scope.myChartScope = scope; } 这个$scope.myChartScope 应该包含对您的 svg 元素的引用，console.log 以查看其内容

在您的折线图选项对象中，有一个dispatch 对象，它有一个名为renderEnd 的属性，当您的图表完全绘制时会调用该属性。在此renderEnd 中，您可以访问您的$scope.myChartScope.svg 然后用它做你想做的事。

您可以使用 https://github.com/exupero/saveSvgAsPng 之类的库将 SVG 保存到图像文件中 全部在客户端完成

我希望这能回答你的问题！

【讨论】：