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
4
votes
1 answer

Rails: Pie Charts legend in Chartkicks

In highcharts to show the percentage along with pie_charts, a legend can be customized like this: legend: {labelFormat: '{name} : {y} ({percentage}%)'} But in chartkicks I can't find how to do like this?
Haseeb Ahmad
  • 7,914
  • 12
  • 55
  • 133
4
votes
5 answers

ChartKick charts do not show when rendering to PDF using Wicked_PDF

I am using Rails 4, Wicked_PDF and Chartkick Gem's For Google Charts I use: <%= javascript_include_tag "//www.google.com/jsapi", "chartkik" %> The html view comes up with charts and everything as expected. When I append .pdf to the url the pdf…
user3334207
  • 155
  • 1
  • 10
4
votes
1 answer

Sinatra and Chartkick Example

I am quite new to Ruby as web platform and learn best by adapting and expanding examples. I like Sinatra and want to use it and Chartkick to display charts. Unfortunately, I'm having trouble getting even the most trivial example running and there…
oaklodge
  • 722
  • 6
  • 19
4
votes
1 answer

Can I link to other URL's using chartkick's charts?

I've got a rails 4 app and I'm using chartkick. I'm currently using pie charts, and I'm wondering if there is a way I can get each section of my pie chart to navigate to an endpoint or a url or anything really. How would someone tackle that? Would…
Jono
  • 3,393
  • 6
  • 33
  • 48
4
votes
3 answers

How to change the color of a Column-chart created with Chartkick?

Is it possible to change the color of a Column-Chart created with Chartkick ? I searched for it inside the Documentation but i could not find anything about it. Any Ideas?
Sebastian Boldt
  • 5,283
  • 9
  • 52
  • 64
3
votes
0 answers

Rails wicked_pdf & chartkick not working - showing loading

I'm trying to make chartkick work with wicked_pdf but all it does is show a loading sign: I'm using wicked_pdf version: 2.1.0, wkhtmltopdf-binary version:0.12.6.5 I've tried replacing it with wkhtmltopdf-binary-edge (0.12.6.0) with no…
JOhnny.C
  • 85
  • 1
  • 8
3
votes
2 answers

Javascript convert object for charting

I have like to use chartkick and so I have like to convert the following object: var array = [{date:'01/01/2017',value1:200,value2:300,value3:400},…
Daryl Wong
  • 2,023
  • 5
  • 28
  • 61
3
votes
0 answers

Display percentage in a pie chart with ChartKick and Chart.js

I am displaying a pie chart with ChartKick and Chart.js and it looks good. I would like to display the percentage of each slice in addition to the numeric value. I have found references on how to do it with Google charts and with HighCharts, but I…
donV
  • 1,091
  • 7
  • 15
3
votes
1 answer

How to hide axis using Chartkick.js

I am using https://github.com/ankane/vue-chartkick to draw Vue charts, but looks like it didn't say how to hide axis from there document. Does anyone know how to do it in this library? Thanks in advance.
imcoddy
  • 803
  • 2
  • 8
  • 10
3
votes
1 answer

rails chartkick x axis no label only "..."

I am using rails Rails 5.1.5 with the gem chartkick I want to plot a column graph. My code is as follows : <%= column_chart @communes %> I get the correct numbers but the labels on the x axis are absent. I only get three…
timal75
  • 43
  • 4
3
votes
1 answer

Rails, Chartkick: Show values on the charts

The Chartkick gem lets you create many kinds of charts. Currently, my charts look like this: pie_chart @institutions column_chart @stats I want that values are shown on the charts. In the pie chart, I want the number 244 and 43 be visible in…
Metaphysiker
  • 983
  • 2
  • 18
  • 35
3
votes
2 answers

How to remove border from stacked column chart in Chartkick - Chart.js

I am using chart.js throug chartkick gem. = column_chart [{"name":"A","data":[["2016-07-01",1],["2016-08-01",0],["2016-09-01",0]]},{"name":"B","data":[["2016-07-01",1],["2016-08-01",0],["2016-09-01",0]]}], xtitle: "Date Range", ytitle: "Counts",…
dnsh
  • 3,516
  • 2
  • 22
  • 47
3
votes
1 answer

Displaying data using Chartkick

I have data that is daily added by the user via a form. A few of these fields record temperature: :ambcur, :ambmin, :ambmax etc this is all part of a tray which has a datalog I am using chartkick and its great but I am unsure how to display the…
mGarsteck
  • 671
  • 2
  • 6
  • 16
3
votes
1 answer

Set Chartkick line chart to be square

I need Chartkick line chart to be always square form, no matter what screen size is. I know that I can put width and height directly, but If I put 400x400 for example, it always will be that size, no matter what screen resolution is. But I need it…
tetiross
  • 192
  • 3
  • 17
3
votes
4 answers

Add annotations with Chartkick

I want to add annotations to my time series chart. From Google's documentation: data.addColumn({type:'string', role:'annotation'}); How can I pass these column properties through Chartkick? <%= line_chart [{name: 'annotations', data:…
sso777
  • 107
  • 6
1
2
3
…
24 25