스파크 라인 jquery에 캔버스에 배경 이미지 설정

Question

자바 언어를 사용하는 웹 응용 프로그램에서 작업하고 있습니다 .i 합성 스파크 라인 그래프를 표시해야하므로 jsp 페이지에서 스파크 라인 jquery를 사용하고 있습니다. 캔버스 배경에 스파크 라인이 그려지는 이미지를 설정해야합니다. 이 링크에서 스파크 라인 jquery를 사용하고 있습니다.

http://omnipotent.net/jquery.sparkline/

와 내가 쓰고 코드는

var에 데이터 1 = [입니다 - 10,10,9, -9,7, -5,9, -8,3,0,3, -8,4, -7]; var data2 = [- 10,0,6, -9,7, -5,9, -3,7,0,3, -8,4, -2]; sparkline (data1, {type : 'line', normalRangeMin : 0, normalRangeMax : 0, spotRadius : '0', 너비 : '630px', 높이 : '100px', 복합 : true , fillColor : false, lineColor : 'green'}}); sparkline (data2, {type : 'line', normalRangeMin : 0, normalRangeMax : 0, spotRadius : '0', 너비 : '630px', 높이 : '100px', 복합 : true , fillColor : false, lineColor : 'red'}});

및 본문 JQuery와 상기

나 복합 선 그래프를 그릴 수 있지만, 태그의 스타일 (배경 화상)을 설정하면 않는 배경없는 표시를 스파크 라인 캔버스는 캔버스 자체를 추가하기 때문에 내 문제는 배경 이미지를 스파크 라인 캔버스 바로 뒤에 표시하는 것입니다.

http://willarson.com/code/sparklines/sparklines.html

이 캔버스에 배경 이미지를 설정하기위한 잘 작동하지만, 복합 선 그래프를 허용하지 않습니다

는 문제보다 해결하기 위해 내가 좋아하는 많은 다른 jqueries로했습니다.

다른 하나는

http://benpickles.github.com/peity/

난이와 같은 문제가있다. 복합 선 그래프의 경우도 아닙니다.

첫 번째 jquery 링크의 경우 sparklines 캔버스 바로 뒤에 배경 이미지를 설정하거나 다른 두 개의 링크를 사용하여 합성 선 그래프를 그릴 수있는 방법을 제안하거나 배경을 설정할 수있는 다른 jquery가 있으면 알려주십시오. 스파크 라인 캔버스의 이미지이며 복합 라인 그래프를 지원합니다.

감사의 말씀 감사드립니다.

Answer 1

이제 배경 이미지를 캔버스 뒤에서 정확하게 얻고 합성 선 그래프를 그리는 방법을 얻었습니다.

이 링크에서 sparklines.js를 사용하고 있습니다. http://willarson.com/code/sparklines/sparklines.html

주어진 문서 당으로서 우리는 새로운 스파크 라인 ('canvas_id', '데이터', 'OPTS')를 호출해야) (립니다.; canvas_id를 하나의 매개 변수로 받아들이는 함수. 두 개의 다른 선을 그리기 위해 동일한 canvas_id를 사용하여 동일한 함수를 두 번 호출합니다 (또는이 스크립트에서 허용하는 다른 유형의 그래프를 호출 할 수 있음).

두 번째 호출은 첫 번째 호출의 맨 위에 다른 차트를 그립니다 (이것은 http://omnipotent.net/jquery.sparkline/ 스크립트가 복합 그래프를 그리는 데 사용하는 것과 같습니다). 이렇게하면 합성 그래프를 그릴 수 있습니다. 함수 호출은 다음과 같습니다 :

새 스파크 라인 ('canvas_id', 'data1', 'opts1'). draw(); 새 스파크 라인 ('canvas_id', 'data2', 'opts2'). draw();

캔버스 바로 뒤에 배경 이미지를 설정하기 위해 저는 캔버스 태그에 스타일을 설정하고 있습니다.

위의 해결 방법은 적절한 결과를 얻으 려합니다. 누구든지 좀 더 나은 대답을 찾으면. 게시하십시오.

감사합니다.