angularjs - 如何将 angularjs-nvd3 图表导出到文件

Question

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

Answer 1

详细帮助请贴代码示例

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

在 on-ready 注册回调在您的 nvd3 指令中。此回调接收 2 个参数，如下所示


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

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

You can use a library like https://github.com/exupero/saveSvgAsPng to save your SVG to an image file All done on the client side

我希望这回答了你的问题!