Cannot Pass jQuery Object to Chartist

Maybe I’m missing something, but any time I try and pass a jQuery object to chartist, it gives me: Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': '[object Object]' is not a valid selector.

For example:

var chart = $('.ct-chart');

new Chartist.Pie(chart, data);

Is there any way to pass a jQuery object to Chartist? I’m having to create individual IDs for each chart and then grab those with jQuery in order to put a dynamic amount of charts on the page, which works, but is a bit more time consuming/probably less performant.

I apologize if this has been covered before. Thanks for any help or advice anyone could give! Kickass chart lib.

[gionkunz]

Hey there. The Chartist guy hates jQuery 😃 He wants the world to be less jQuery and more JavaScript. That’s why Chartist only accepts DOM selector strings or DOM Node Objects as first parameter in the Chart.

If you’re still using jQuery in your project, Chartist is fine with that, but when you initialize a Chart you need to extract the DOM Node object from your jQuery List:

new Chartist.Pie($('.ct-chart').get(0), data);

[JulienMelissas]

Not a bad solution, I’m calculating the values using JS, so I can’t exactly do it like that, but an awesome example none the less.

Thanks again for the help!