Установка фонового изображения на холсте на спарклайне jquery

Я работаю в веб-приложении, используя язык java. У меня есть требование отображать составной график спарклайна, поэтому я использую спарклайн jquery на странице jsp. я должен установить изображение в фоновом режиме на холсте, где нарисованы спарклайны. я использую спарклайн jquery по этой ссылке.

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

и код, который я пишу,

var 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]; $('#id').sparkline(data1, { type:'line', normalRangeMin:0,normalRangeMax:0,spotRadius: '0',width: '630px', height :'100px', composite: true, fillColor: false, lineColor: 'green' }); $('#id').sparkline(data2, { type:'line', normalRangeMin:0,normalRangeMax:0,spotRadius: '0',width: '630px', height :'100px', composite: true, fillColor: false, lineColor: 'red' });

и в теле

above jquery allows me to draw a composite line graph but when i set style (background-image) on tag, it doesn't displays it in the background of sparklines canvas because it adds canvas by itself. My problem is to display the background-image exactly behind sparklines canvas.

для решения вышеуказанной проблемы я пробовал со многими другими jqueries, такими как:

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

это отлично работает для установки фонового изображения на холсте, но не позволяет использовать составной линейный график.

и еще один

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

у меня тоже с этим проблема. это также не для составного линейного графика.

Пожалуйста, дайте мне ваши ценные предложения, чтобы установить фоновое изображение точно за холстом спарклайнов для первой ссылки jquery или способ нарисовать составной линейный график, используя две другие ссылки, или если есть другой доступный jquery, который позволит мне установить фоновое изображение на спарклайнах холст и поддерживает составной линейный график.

Я заранее благодарю вас за все ваши ценные предложения.


jquery sparklines
person Toman    schedule 14.03.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Теперь у меня есть способ получить фоновое изображение точно за холстом и нарисовать на нем составной линейный график.

Я использую sparklines.js по этой ссылке. http://willarson.com/code/sparklines/sparklines.html

В соответствии с данной документацией мы должны вызвать new Sparkline('canvas_id','data','opts').draw() ; функция, которая принимает canvas_id в качестве одного параметра. я дважды вызываю одну и ту же функцию с одним и тем же canvas_id для рисования двух разных линий (или вы можете вызвать любой другой тип графика, который принимает этот скрипт).

Второй вызов рисует другую диаграмму поверх первой. net/jquery.sparkline/ используется для построения составного графика). Это помогает мне рисовать составной график. Вызов функции выглядит так:

новая спарклайн('canvas_id','data1','opts1').draw() ; новая Sparkline('canvas_id','data2','opts2').draw() ;

и для установки фонового изображения точно за холстом я устанавливаю стиль в теге холста.

выше решение работает нормально для меня, чтобы получить соответствующий результат. если кто-то найдет лучший ответ. Пожалуйста, опубликуйте это.

Спасибо

person Toman    schedule 19.03.2012