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

标签 javascript d3.js nvd3.js

我有这个图表,但正如你所看到的,它有一些问题: enter image description here

  1. 工具提示高度错误,顶部有难看的空白区域。由于 nvd3 没有文档,我真的不知道如何继续;
  2. x 轴标签全部重叠,我想删除它们或倾斜它们(例如 45 度)。第二种选择是最好的。我也尝试过 .staggeredLabels(true) 但它们仍然重叠。

编辑:我通过删除标签解决了第二个问题。实际上我并没有删除它们而是将它们隐藏起来:

.nv-x text {
    display: none;
}

最佳答案

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

.nv-x text {
    display: none;
}

关于javascript - 如何自定义 nvd3 的工具提示并从 x 轴删除标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17576609/

相关文章:

javascript - JavaScript 中的表达式语句

javascript - donut 饼图 - 添加标题 - NVd3.js

d3.js - d3.js和nvd3.js轴和标签精度格式化

javascript - D3.Js 的 SVG 高度

javascript - D3.JS 如何在鼠标悬停时计算某个属性的圆圈数

javascript - NVD3图表中的JSON数据格式

javascript - Nodejs Smartsheet API 尝试将行移动到另一个工作表时出错

javascript - 每个复选框都会触发事件

javascript不显示在jsp页面中

d3.js - 将圆附加到 d3 中的 map