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
3
votes
0 answers

Pie Charts in Chartkicks rails

Using chartkicks for showing charts in rails.It works fine but in pie_charts it show only percentage .I want that count of data also shown. My query now is <%= pie_chart users.all.group('users.gender').count.map { |k, v| [User.genders.key(k), v]…
Haseeb Ahmad
  • 7,914
  • 12
  • 55
  • 133
3
votes
1 answer

How to hide data label of Chartkick Piechart

Dears, I am new to Rails development, and now try to use Chartkick to show a pie chart. I uses Highchart by adding require highchart in application.js. Everything goes well except the data labels. I try to hide them but they are always there. The…
JohnZhang
  • 191
  • 5
  • 15
3
votes
1 answer

Convert Chartkick graph to Image serverside in rails 4 app

How do you convert Chartkick (using google charts) graphs to image at server side in rails 4 app?
Monish
  • 67
  • 1
  • 7
3
votes
3 answers

draw an additional line in chartkick (for rails)

I got a line_chart form a punch of data. <%= line_chart @images.group(:imagedatetime).average(:exposureindex), library: {discrete: true, pointSize: 1, lineWidth: 0, hAxis: {type: "category"}} %> and now i want to have an extra line which goes…
Da Mks
  • 31
  • 6
3
votes
1 answer

Cannot get rid of background picture when using Chartkick

I'm using chartkick in a rails 4.1, and for some reason I cannot change the background image! My config file enacts everything except for the background transparency. Any assistance would be excellent. My config file: Chartkick.options = { …
williamthomas
  • 105
  • 1
  • 10
2
votes
0 answers

Rails6/Bootstrap Chartkick chart not rendering in dynamically loaded Modal

My Chartkick chart is not rendering when opening in a dynamically loaded (from XHR request) Bootstrap Modal. This is the partial for the chart
<%= line_chart…
MarkC
  • 51
  • 5
2
votes
1 answer

Gem Chartkick charts not rendering on PDF

I'm using Rails 5.2.4, Gem Chartkick(3.3.1) and wicked_pdf(1.4.0). As many people wrote, I can also not display a pie chart on pdf through Chartkick and wicked_pdf, just "loading" is shown. The chart is correctly showing on html. If someone could…
frankyorg
  • 53
  • 7
2
votes
2 answers

Chartkick-vue bar chart - "horizontalBar" is not a registered controller

I want to convert my vertical column chart to a horizontal stacked bar. I use chartkick-vue 0.61 with chart.js 3.0-beta. My current code:
Leos Literak
  • 8,805
  • 19
  • 81
  • 156
2
votes
1 answer

Can't change labels' font color. Chartkick Ruby on rails

I am trying to display a bar chart with legends and labels in white, so i tried this code below on my view, but it didn't do nothing, and my continues displaying the default color. <%= bar_chart opfh, height: "150px", width: "450px", library:…
Elisson G. M. Silva
  • 99
  • 1
  • 7
2
votes
2 answers

How to hide axis in column_chart using chartkick

In chartkick's column_chart, I want to remove the axes of the chart as shown in the attached image. I tried this code, but I couldn't hide axis. <%= column_chart data, library: { hAxis: { textPosition: 'none' },vAxis: { textPosition: 'none' } }…
jones
  • 41
  • 3
2
votes
1 answer

Vue ChartKick - different colours for bar chart

I use a vertical bar chart and I want to specify different colors for each bar: main.js import Chartkick from 'vue-chartkick'; import Chart from 'chart.js'; Vue.use(Chartkick.use(Chart)); File.vue
Leos Literak
  • 8,805
  • 19
  • 81
  • 156
2
votes
1 answer

Is there a way to determine start and end dates on Chartkick Line Chart?

I want to create a Chartkick line chart where I'm able to determine (hardcoded) the start and end dates of my chart. The chart will be a time series of a model. The thing is that I want the left and right ends of the x-axis to be always showing…
Wladimir Gramacho
  • 636
  • 8
  • 14
2
votes
2 answers

Customize Highcharts desc tag

I'm working with Highcharts on a React view. For accessibility and SEO reasons, I want to customize the desc tag, but I couldn't figure out how to do it looking in the documentation. Highcharts automatically inserts a desc tag like…
Wladimir Gramacho
  • 636
  • 8
  • 14
2
votes
1 answer

How set options from HIGHCHARTS in a chart using vue chartkick

I am using this library: chartkick for load charts with vue, and need a chart bar with scroll how in this example. From HIGHTCHART. But i can´t set options to component in chartkick. I try set with :library in component but no…
Michael
  • 168
  • 2
  • 11
2
votes
1 answer

Rails: Chartkick cummulative user graph

I'm using chartkick in an active admin dashboard and trying to track a cumulative user base over time. Using groupdate to count by week I can successfully create a chart displaying point in time counts but struggling to display cumulative…
AJC
  • 65
  • 7
1 2
3
…
24 25