D3轴标签文字对齐

Question

我正在创建一个简单的订单簿用户界面，其当前外观为：Order Book image。显然，问题在于由于来自BIDS一侧的数量列，文本在ASKS一侧的数量列上重叠。我希望能够将文本数据轴移到图表的左侧，以防止这种重叠，但它似乎仅在内开始。我对前端编程和D3框架还很陌生，对业余问题深表歉意，但是我已经为此困扰了很长时间。

//filled with floating point data
var biddata = bidsamount;
var askdata = asksamount;

//left side (bids) graph
var bars =d3.select("#bidsamount").append("div").attr("class","bidchart");
var b = bars.selectAll("div")
  .data(biddata)
  .enter().append("div")
  .style("width", function(d) { return Math.min(d * 2,200) + "px"; })
  .text(function(d) { return d; });

//right side (asks) graph
var bars =d3.select("#asksamount").append("div").attr("class","askchart");
var b = bars.selectAll("div")
  .data(askdata)
  .enter().append("div")
  .style("width", function(d) { return Math.min(d * 2, 200) + "px"; })
.text(function(d) { return d; });