Comments on: Chartkick: data visualization made easy with Ruby /chartkick-data-visualization-easy-ruby/ Red Panthers - Experts in Ruby on Rails, System Design and Vue.js Mon, 17 Jul 2017 09:33:09 +0000 hourly 1 https://wordpress.org/?v=5.2.7 By: Govind K.U /chartkick-data-visualization-easy-ruby/#comment-31 Mon, 17 Jul 2017 09:33:09 +0000 https://redpanthers.co/?p=975#comment-31 Hi there.There are surely solutions for displaying dynamic data.You can refer http://www.chartkick.com/ for more details.
< %= line_chart url, refresh: 60 %>
You can use this to refresh the data at equal intervals of time.Or else you can do this if you want to refresh the graph only when you need with an ajax call.
You can create a partial and render it inside the controller.

class ViewsController < ApplicationController def show @view = View.all end def views_by_day @dynamic_data = View.group_by_day(:viewed_at, format: "%B %d, %Y").count render :partial => 'dynamic_data_partial'
end
end

Then create a partial _dynamic_data_partial.html.erb inside your view folder with the following data.

< %= line_chart @dynamic_data %>

So when you need to call the data, you need to trigger the ajax call and in the success function you need to replace the html of the div with the new data.
So in the app/views/views/show.html.erb: move the graph into a div.

Views By Day

< %= line_chart @dynamic_data %>


So you can you use the id of the div to replace the html.

function updateGraph() {
$.ajax({
type: "GET",
url: "< %= Rails.application.routes.url_helpers.views_by_day_view_path %>",
success: function(data) {
$('#view_graph').html(data);
}
});
}

This is how i solved it when i came across the problem. Hope it’ll help you. Thank you for the comment.

]]> By: Govind K U /chartkick-data-visualization-easy-ruby/#comment-32 Mon, 17 Jul 2017 09:33:00 +0000 https://redpanthers.co/?p=975#comment-32 Hi there.There are surely solutions for displaying dynamic data.You can refer http://www.chartkick.com/ for more details.

You can use this to refresh the data at equal intervals of time.Or else you can do this if you want to refresh the graph only when you need with an ajax call.
You can create a partial and render it inside the controller.

class ViewsController 'dynamic_data_partial'
end
end

Then create a partial _dynamic_data_partial.html.erb inside your view folder with the following data.


So when you need to call the data, you need to trigger the ajax call and in the success function you need to replace the html of the div with the new data.
So in the app/views/views/show.html.erb: move the graph into a div.

Views By Day

So you can you use the id of the div to replace the html.

function updateGraph() {
$.ajax({
type: "GET",
url: "",
success: function(data) {
$('#view_graph').html(data);
}
});
}

This is how i solved it when i came across the problem. Hope it’ll help you. Thank you for the comment.

]]> By: A Brand /chartkick-data-visualization-easy-ruby/#comment-30 Thu, 06 Jul 2017 19:28:00 +0000 https://redpanthers.co/?p=975#comment-30 I like to tutorial. It’s helpful. I came across it looking for ways to use chartkick that updates the charts without refreshing the page, dynamic data. The post has the dynamic tag, but I didn’t find any references to displaying dynamic data. Do you have any recommendations on where to find that information? Is there an update coming that will cover that?

]]>