如何自定义nvd3的工具提示并从x轴中删除标签

时间:2013-07-10 17:00:11

标签: javascript d3.js nvd3.js

我有这张图表,但你可以看到它有一些问题: enter image description here

  1. 工具提示高度错误,顶部有一个丑陋的空白区域。由于nvd3没有文档,我真的不知道如何继续;
  2. x轴标签全部重叠,我想要将它们移除或倾斜它们(如45度)。第二种选择是最好的。我也试过.staggeredLabels(true),但它们仍然重叠。
  3. 编辑:我通过删除标签解决了第二个问题。实际上我不会删除它们,而是隐藏它们:

    .nv-x text {
        display: none;
    }
    

2 个答案:

答案 0 :(得分:2)

由于没有人回答我只是将解决方案发布到第二个问题:

.nv-x text {
    display: none;
}

答案 1 :(得分:0)

空白点实际上是关键。看起来好像你的对象没有名字?