Stack Overflow
Stack Overflow

Questions tagged [chartkick]

Create beautiful Javascript charts with one line of Ruby, Python, Javascript, React, Vue, Elixir, and Clojure.

Chartkick supports Chart.js, Google Charts, and Highcharts and works with most browsers. Also provides server-side integration for Ruby, Python, Elixir, and Clojure

361 questions
2
votes
1 answer

Chartkick and Twitter Bootstrap interaction is messing up my dashboard

I am using Twitter bootstrap nav tabs to create a dashboard where the single page is tabbed for each graph. I am using chartkick to generate those graphs. When I pair it with tabs the second two tabs resize the chartkick graphs and make them…
Shenanigator
  • 1,036
  • 12
  • 45
2
votes
2 answers

ChartKick Show original value rather percentage in PIE and line chart

I've data like graph_data = { "Commercial"=>364, "Residential"=>463, "Hospitality"=>150, "Industrial"=>20, "Laboratory"=>1 } pie_chart graph_data when I add this in the pie chart, it displays the chart with percentage of each option, I…
user2261694
  • 41
  • 4
2
votes
1 answer

Cumulative Chartkick Chart & Acts_As_Taggable_On

I'm currently having an issue getting a running total for a some data to be used on a Rails app with Chartkick and acts_as_taggable_on. I want my users to search for items with tags, where my @items is: @items =…
Ben Walker
  • 43
  • 4
2
votes
1 answer

Chartkick works on localhost but displays "loading" on heroku

I'm just playing with chartkick using data I entered directly into the view. I'm using the Google Charts API option for the display. When I open my index page on my localhost, everything displays perfectly, but I am stuck in loading on heroku. Does…
harrisongill
  • 113
  • 1
  • 10
2
votes
2 answers

Incorrect dates in Chartkick

Chartkick gem is placing values one day behind the data input. {Tue, 15 Jul 2014 00:00:00 UTC +00:00=>1, Wed, 16 Jul 2014 00:00:00 UTC +00:00=>0, Thu, 17 Jul 2014 00:00:00 UTC +00:00=>0, Fri, 18 Jul 2014 00:00:00 UTC +00:00=>0, Sat, 19 Jul 2014…
GCesnik
  • 21
  • 2
2
votes
1 answer

What is the mongoid version of group and group_by in the view of a rails application?

I have been trying every possible way of executing the following: @events.group(:name).count in my index.html.erb page using chartkick to display the total number of events. I keep running into errors like nil:method and each_pair unknown method.…
ShaunK
  • 1,181
  • 5
  • 22
  • 41
2
votes
2 answers

Using instance methods with chartkick in a rails app

I have a model, teams that has an instance method point_differential (basically points for - points against). I am trying to use it in a chartkick graph, but with no luck. This works = bar_chart Team.group(:group).sum(points_for) because…
lemonginger
  • 345
  • 2
  • 17
2
votes
2 answers

Rails reload chartkick based on form input

I'm using chartkick in a rails 4 app. I currently run this code: <%= bar_chart groupArticles(metric, limit) %> (groupArticles() being a custom method to get an array into chartkick. For example <%= bar_chart groupArticles("views", 5)%> gives me the…
Killerpixler
  • 4,200
  • 11
  • 42
  • 82
2
votes
1 answer

Customizing the tooltip with chartkick in Ruby on Rails

I'm doing a rails app and was able to get chartkick working but customizing it is a bit of a pain in the butt. I'm trying to customize the tooltip with the Google chart API but I can't seem to figure out. I just want to be able to change the text,…
Jan
  • 33
  • 1
  • 5
1
vote
1 answer

How to make column charts x axis present exactly one week in Ruby on Rails?

I am using "chartkick" gem for presenting data with the help of column chart. Shortly, I am doing "ToDo" project and want to show how many tasks have been completed by the user each day of the last week. However, I want the x axis represent exactly…
Liuba
  • 33
  • 8
1
vote
1 answer

How to show price history data on a chart using props [Vue Chartkick]?

I have come across a chart library called Chartkick for Vue project. https://chartkick.com/vue I have my data passed as props to a component. I have created a data element but it can't seem to access the prop so I used sample data.