CODEWITHSUNDEEP
javascriptd3.js
yavg
yavg

Reputation: 3051

How can I hide lines from the axes of my bar chart?

I am trying to hide the lines that are in the axes of my graph to try to match it with this image.enter image description here

This is my current result.

enter image description here

How can I do it?

var chart = c3.generate({
      bindto: '#chart',
      padding: {
          left: 60
      },
      data: {
          x: 'x',
          columns:
          [
              ['x', 'Category1', 'Category2','Categoia3'],
              ['value', 300, 400,700]
          ],
          type: 'bar'
      },
      axis: {
          rotated: true,
          x: {
              type: 'category'
          }
      }
 }
);

http://plnkr.co/edit/IzkGUsluWwxrGpgX8gte?p=preview

Upvotes: 1

Views: 39

Answers (1)

Robert Andersson
Robert Andersson

Reputation: 1521

You could add:

.tick line { display:none; }

in your css to make all the ticks disappear, works for both c3.js and d3.js

Upvotes: 1

Related Questions