設置背景圖像在畫布上的sparkline jquery

Question

我正在使用java language.i Web應用程序工作要求顯示覆合sparkline圖形，因此我在jsp頁面上使用sparkline jquery。我必須在畫布上繪製迷你圖的背景中設置圖像。我從這個鏈接使用sparkline jquery。

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

和我寫的代碼是

變種DATA1 = [ - 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'，width：'630px'，height：'100px'，composite：true ，fillColor：false，lineColor：'green'}）; sparkline（data2，{type：'line'，normalRangeMin：0，normalRangeMax：0，spotRadius：'0'，width：'630px'，height：'100px'，composite：true ，fillColor：false，lineColor：'red'}）;

和在身體

以上的jquery允許我繪製的複合線圖，但是當我在標籤設置樣式（背景圖像），它並沒有顯示它在後臺sparklines畫布，因爲它本身增加了畫布。我的問題是將背景圖像正好顯示在sparklines畫布後面。

以上問題解決，我試圖與其他許多jqueries，如：

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

這個工作得很好畫布設置背景圖片，但不會允許複合線圖。

，另一個是

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

我有同樣的問題，這也。這也不適用於複合線圖。

請給我你的寶貴建議，將背景圖像精確地設置在第一個jquery鏈接的sparklines canvas後面或使用其他兩個鏈接繪製複合線圖的方式，或者如果有另一個jquery可用，這將允許我設置背景 - 在sparklines畫布上的圖像，並支持複合線圖。

我感謝您提前提出的所有寶貴建議。

Answer 1

現在我得到了讓背景圖像精確地位於畫布後面並在其上繪製複合線圖的方法。

我從這個鏈接使用sparklines.js。 http://willarson.com/code/sparklines/sparklines.html

按給定的文檔，我們必須調用 新的迷你圖（ 'canvas_id'， '數據'， 'OPTS'）繪製（）。 函數接受canvas_id作爲一個參數。我使用相同的canvas_id兩次調用相同的函數來繪製兩條不同的線（或者您可以調用此腳本接受的任何其他類型的圖）。

第二次調用在第一個調用的頂部繪製另一個圖表（這與http://omnipotent.net/jquery.sparkline/腳本用於繪製複合圖形的方式相同）。這有助於我繪製複合圖。函數調用如下所示：

new Sparkline（'canvas_id'，'data1'，'opts1'）。draw（）; 新的Sparkline（'canvas_id'，'data2'，'opts2'）。draw（）;

和爲背景圖像完全設置在畫布後面，我在畫布標記中設置樣式。

上面的解決方案工作正常，我得到了相應的結果。如果有人找到更好的答案。請發佈。

謝謝