How to hide axis in column_chart using chartkick

Question

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'  } } %>

enter image description here

I think you have to pass options directly to the charting library with `library` option — inye, Jul 02 '20 at 14:33
Does this answer your question? [How to hide axis using Chartkick.js](https://stackoverflow.com/questions/49974479/how-to-hide-axis-using-chartkick-js) — Ben, Jul 02 '20 at 16:59
Yes, but I didn't know how to do it in ruby-on-rails.It was solved. — jones, Jul 02 '20 at 18:38

score 2 · Accepted Answer · answered Jul 02 '20 at 15:58

2

The problem is now solved.

<%= column_chart data, library: { scales: { xAxes: [display: false], yAxes: [display: false] } %>

answered Jul 02 '20 at 15:58

jones

41
3

score 1 · Answer 2 · answered Jun 08 '22 at 14:46

Maybe depends on the underlying library, but when using chartjs this is what worked

 <%= column_chart data, library: { scales: {
                         x: {
                           ticks: {
                             display: false
                           }
                         },
                         y: {
                           ticks: {
                             display: false
                           }
                         }
                       } } %>
    ```

How to hide axis in column_chart using chartkick

2 Answers2