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

Posted 2023-05-07

技术标签:

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

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

【问题讨论】：

你找到方法了吗？我现在正在研究将 SVG 保存到服务器 ***.com/questions/8379923/… 到目前为止，我还没有找到办法 【参考方案1】：

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

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

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

$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 保存到图像文件中 全部在客户端完成

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

【讨论】：

以上是关于如何将 angularjs-nvd3 图表导出到文件的主要内容，如果未能解决你的问题，请参考以下文章