0

In my D3 chart, I changed the tickSize to 0. As a result the gap between the axis and the label is almost nil. How do I adjust this gap so as to look decent?

D3 x-axis code:

var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom")
.tickSize(0,0);

jsFiddle

Rahul Desai
  • 15,242
  • 19
  • 83
  • 138

1 Answers1

1

Increased the tick size.

And targeted the element using this .tick line and used the css property display: none;.

Fiddle

Unknown User
  • 3,598
  • 9
  • 43
  • 81
  • One follow-up question you may like to answer: http://stackoverflow.com/questions/21874959/how-to-set-width-to-x-axis-label – Rahul Desai Feb 19 '14 at 08:35