2014-03-29 2 views
7

anglejs-nvd3-directives를 사용하여 AngularJS 앱에서 nvd3 차트 라이브러리를 사용하고 싶습니다. 주어진 nvd3 차트를 그래픽 파일 형식으로 내보낼 수 있습니까? ?angularjs-nvd3 차트를 파일로 내보내는 방법

+0

어떻게해야할까요? 이제 SVG를 서버에 저장하는 방법을 살펴 보겠습니다. http://stackoverflow.com/questions/8379923/save-svg-image-rendered-by-a-javascript-to-local-disk-as-png-file/ 8861315 # 8861315 – Braulio

+0

지금까지, 나는 그것을 할 방법을 찾지 못했습니다. –

답변

1

당신의 nvd3 지시어에 on-ready에서 콜백을 등록 사용

  • 의 파일로 차트를 캡처하려면 자세한 도움말

    에 대한 코드 샘플을 게시하시기 바랍니다. 이 콜백은 옵션에서

    • 는 라인 차트 객체의 내용을보고, 당신의 SVG 요소에 대한 참조를 포함하여 CONSOLE.LOG한다

    $scope.callback = function(scope,element){ $scope.myChartScope = scope; } $scope.myChartScope 아래 표와 같이이 개 매개 변수를 수신 renderEnd이라는 특성을 가진 dispatch 개체가 있으며 차트가 완전히 그려지면 호출됩니다. 이 renderEnd에서 $scope.myChartScope.svg 에 액세스 한 다음 원하는대로 할 수 있습니다.

    이 귀하의 질문에 대한 대답 나는 희망

클라이언트 측에서 수행 이미지 파일 전체에 SVG를 저장 https://github.com/exupero/saveSvgAsPng 같은 라이브러리를 사용할 수 있습니다!

관련 문제