I’m trying to do https://jsfiddle.net/w764ozau/1/ in Meteor It’s just a simple chart using the Charts.js. I did the following: added chart:chart package added the html to my Chart template and now, where do I put the js code? I tried inside Template.Chart.onRendered(function () { ...…

What does your Chart template look like?

<template name="Chart"> <div class="row"> <canvas id="myChart" width="400" height="400"></canvas> </div> </template> There is nothing in it but this canvas element. and the js has only the onRendered function with the same code from jsfiddle

That should definitely work in the onRendered(). Let me just try this myself and get back to you.

Okay, so I changed the package since chart:chart is very old and not maintained. Instead I used the official npm package. Here’s what I did: meteor create chart cd chart meteor npm i meteor npm i chart.js --save Next, my main.html: <head> <title>chart</title> </head> <body> {{> Chart}} </bod…

It works! Still, I also tried to put the html code: <div class="row"> <canvas id="myChart" width="400" height="400"></canvas> </div> as is inside a larger template and it doesn’t work. Looks like again (like the thread I opened on tooltips not working) it’s a rendering issue.

We use Chart.js successfully in our app, try adding a _.defer in your onRendered to give DOM the chance to render.

[image] meteorbeginner: as is inside a larger template and it doesn’t work. Looks like again (like the thread I opened on tooltips not working) it’s a rendering issue. I suspect this is the classic misunderstanding as to when onRendered is fired. This post may shed some light on what’s happen…

Thanks for sorting this out. I thought it will make it more convoluted if I add more templates inside templates but actually I see it’s the right way to go.

Charts.js not working

help

robfallows February 27, 2017, 11:17am 8

I suspect this is the classic misunderstanding as to when onRendered is fired. This post may shed some light on what’s happening (although as we can’t see your “larger template” it’s speculation):

Graphing data from Mongo Atlas database into Meteor app