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

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

0 голосов
/ 14 марта 2012

Я работаю в веб-приложении, использующем язык 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', ширина: '630px', высота: '100px', композитный: true, fillColor: false, lineColor: 'green'});$ ('# id'). sparkline (data2, {type: 'line', normalRangeMin: 0, normalRangeMax: 0, spotRadius: '0', ширина: '630px', высота: '100px', композитный: true, fillColor: false, lineColor: 'red'});

и в теле

выше jquery позволяет мне нарисовать составной линейный график, но когда я устанавливаю стиль (background-image) для тега, он не отображается в фоновом режимеиз sparklines canvas, потому что он добавляет холст сам по себе.Моя проблема состоит в том, чтобы отобразить фоновое изображение точно за спарклайнами.

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

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

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

, а другой -

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

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

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

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

1 Ответ

0 голосов
/ 19 марта 2012

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

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

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

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

новая Sparkline ('canvas_id', 'data1', 'opts1'). Draw (); новая Sparkline ('canvas_id', 'data2', 'opts2'). draw ();

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

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

Спасибо

...