2016-07-26 3 views
0

현재 그래픽 포인트를 플롯해야하는 시스템을 구축하고 전자 메일로 제공 할 이미지로 그래프를 내 보냅니다. 이 프로세스는 Java로 작성된 기존 프로세스에 추가 된 것입니다.그래프를 만들고 이미지로 내보내기하는 라이브러리

가장 좋은 Java 솔루션이 있지만 JavaScript에있는 d3.js와 같은 그래프 라이브러리를 보았습니다. 그래도 작업 할 수 있습니다. D3.js에는 PNG 또는 JPEG로 그래프를 내보내는 기능이 없습니다.

http://www.chartjs.org

을 chart.js > 같은 당신이 캔버스에 차트를 렌더링 일단 그런 다음 같은 이미지 데이터를 얻을 수 있습니다 < 캔버스에 렌더링하는 차트 라이브러리를 사용할 수있는 브라우저에서

+0

이미지로 D3 그래프를 내보낼 수 있습니다. [이 질문] (http://stackoverflow.com/questions/16049538/how-to-convert-save-d3-js-graph-to-pdf-jpeg)을 참조하십시오. – nicholas79171

+0

JFreeChart에 대해 알고 있습니다. –

답변

1

PNG 또는 JPG는 :

0 :

var canvas = document.getElementById('myCanvas'); 
var dataURL = canvas.toDataURL("image/png"); 

이 당신이 HTML 이미지와 함께 사용할 수있는 이미지의 base64로 인코딩 된 URI를 줄 것이다

var imgElement = document.getElementById('myImg'); 
imgElement.src = dataURL; 

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs

또한 직접 캔버스에서 이미지 데이터를 얻을 수 있습니다 :

var imgData = canvas.getContext('2d').getImageData(0, 0, canvas.width, canvas.height); 

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData