Chartjs-Reactive charts with Meteor : d3charts , Hightcharts , ChartJS , other?

by

5👍

In my opinion, I prefer ChartJS. I’ve used it personally, and I really like it.

You can download the official ChartJS Atmosphere package from here. You can also add the Meteor package with meteor add chart:chart

You can certainly make your pie chart reactive and update in real-time. I personally did this by abstracting the actual drawing of the graph in a separate function called renderChart() which essentially creates the pie chart.

Then, in your graph template’s render function, you can add the observeChanges() with your data collection.

Template.piechart.rendered = function() {
    renderChart();
    YourDataCollection.observeChanges({
        added: function() {
            renderChart();
        },
        changed: function() {
            renderChart();
        }
    });
}

As others have mentioned, this is a very subjective answer, so please figure out which library you’d like to use. But in my opinion the above method worked best for me. Hope that helps! And let me know if you need help getting started.

Leave a comment