cant load spark lines (API issue)

[Alain]

Hi,

I am trying to display a sparkline graph (http://omnipotent.net/jquery.sparkline/) in a qTip.

It is stated in the Sparkline doc that if you want to display a graph in a hidden element, you have to execute

$.sparkline_display_visible()

every time the chart needs to be displayed.

So, if I have something like this:

$('#node_0001 span.voice_cost img').qtip(
{
content: 'content and sparkline data goes here',
position: {
corner: {
tooltip: 'bottomLeft',
target: 'topRight'
}},
show: {delay:1,when:{event: 'click'}},
hide: {when:{event: 'unfocus'}},
style:{tip: true, name: 'cream', width: 400}
}
);

How can I use the API to add the Sparkline method to display the charts? Nothing I tried worked. I tried:

var x = $('#node_0001 span.voice_cost img').qtip('api');
x.beforeShow(function(){alert('IT WORKS!')});

but it did not work. The alert went off without me doing anything with the qTip. I tried other events with the same result.

What am I doing wrong? Thx!

[Craig]

Alain, stick the sparkline code inside the onRender callback:

JS Code

$('.selector').qtip({
   api: {
      onRender: function () {
         $('.selector', this.elements.content).sparkLine()
      }
   }
})

[Alain]

Thanks, but it did not fix my issue. I have the callback working fine (I tested with some alert), the issue seems to be with the sparkline code so I will look there.

Thx.