如何在nvd3图表中更新xAxis的边距或填充？

Question

Plnkr：http://plnkr.co/edit/ymrqIOGTBqF6TVMTvC4T?p=preview

^在我上面的例子中，xAxis的时间数据太靠近图表的底部了，我一直在玩CSS，但是没有任何运气可以做任何动作。还有另一种方法可以在xAxis时间数据和图表之间至少提供5像素的空间填充/边距吗？

我尝试过的事情：

#chart {
  height: 400px;
}

.nv-axisMaxMin,
.nv-axisMaxMin-x,
.nv-axisMin-x {
  position: relative;
  top: 5px;
  margin-top: 5px;
}

即使这不起作用：

svg text {
    font: 400 12px Arial;
    margin-top: 5px;
    position: absolute; // Just move! :'(
    top: 10px;
}

Answer 1

更改css将不起作用，因为文本的public class Main { public static void main(String[] args) throws XMLStreamException, IOException { FileOutputStream outputStream = new FileOutputStream(new File("/home/user/hellow.xml.gz")); GZIPOutputStream outputStreamZip = new GZIPOutputStream(outputStream); XMLOutputFactory factory = XMLOutputFactory.newInstance(); XMLStreamWriter writer = factory.createXMLStreamWriter(outputStreamZip, "UTF-8"); writer.writeStartElement("WOOOOOOOOOOOOOOOOOOOOOOOOOOOOT"); writer.writeStartElement("Lookup_Value_Record"); writer.writeCharacters("Hello World"); writer.writeEndElement(); writer.writeEndElement(); writer.writeEndDocument(); writer.flush(); writer.close(); } } 和x值属性是动态生成的。

这是一种厚颜无耻的做法，

y

希望它有所帮助。