javascript - 隐藏系列后轴标签恢复到原始位置

Question

在 my NVD3 chart here ，我已将 X 轴标签向下移动，以便与垂直对齐的日期一致。为此我做了:

xTicks.select('.nv-axislabel').attr("y", 90);  // line # 81 in JS

现在的问题是，如果我使用右上角的控件隐藏任何系列，该 X 轴标签将恢复到日期后面的原始位置。

如何让它保持在新位置而不改变？

jsFiddle

Answer 1

有点肮脏的解决方案，但可能已经足够好了:

更改标签的y属性后，删除d3内部使用的类来选择标签并重置其属性:

xTicks.select('.nv-axislabel')
    .attr("y", 90)
    .classed({'nv-axislabel':false});

然后，d3 会在不需要的位置创建一个新标签，您可以将其添加到 CSS 文件中:

.nv-x .nv-axislabel {
    display:none;
}

我将其添加为规则，因为以编程方式执行此操作(使用 .style())需要太长时间，并且您可以看到它闪烁。

FIDDLE