rubik
rubik

Reputation: 9104

How to customize nvd3's tooltips and remove labels from x axis

I have this chart, but as you can see it has some problems: enter image description here

  1. The tooltip height is wrong, there is that ugly blank space at the top. Since nvd3 has no documentation I really don't know how to proceed;
  2. The x axis labels are all overlapping, I want either to remove them or to tilt them (like 45 deg.). The second option is best. I also tried .staggeredLabels(true) but they still overlap.

EDIT: I solved the second one by removing labels. Actually I don't remove them but rather hide them with:

.nv-x text {
    display: none;
}

Upvotes: 2

Views: 2224

Answers (2)

TechnoTim
TechnoTim

Reputation: 3205

The blank spot is actually the key. It seems like maybe your object doesn't have a name?

Upvotes: 0

rubik
rubik

Reputation: 9104

Since no one answered I just post the solution to the second problem:

.nv-x text {
    display: none;
}

Upvotes: 2

Related Questions