Javascript 如何向D3多行图表的x轴添加多个标签

我对D3非常陌生，因为我几天前才开始使用它。我对它提供的灵活性以及生成大量不同图表和绘图的能力很感兴趣

我的第一个实验是使用mySQL数据复制一个关键的Excel电子表格图表，但我很难弄清楚如何创建多个x轴标签

我认为通过添加第二个x轴是可能的，但它不起作用

var xAxis2 = d3.svg.axis()
    .scale(x)
    .ticks(d3.time.days, 1)
    .tickFormat(function(d) { return d.bers + "<br />" + d.transport + "<br />" + d.power; })
    .orient("bottom");

var xAxis2=d3.svg.axis（）
.比例（x）
.滴答声（d3.time.days，1）
.tickFormat（函数（d）{返回d.bers+“
”+d.transport+“
”+d.power；}）
.东方（“底部”）；

最后，请参阅。我将JSON数据放在FIDLE中，因为我不确定AJAX例程在JSFIDLE站点中是如何工作的

我试图实现的结果如下图所示，但我使用了一个单独的表来模拟x轴上的额外数据标签。正如你所知，缩放是关闭的，这就是为什么我认为它需要通过D3来完成

---

您的JSFIDLE给了我一个错误。你可以通过使用轴得到你想要的。我相信我已经修复了这个错误。我不再使用

d3.json

或

getJSON

。数据是静态的。我知道

.tickFormat（）

函数做什么，问题是在哪里使用它来添加到X轴，以及如何使用这些标签中的其他数据位。随机示例修改

.tickFormat

来说明我的意思：啊，我明白了。。。我仍然可以将其设置为两个单独的轴，以便

日期

是垂直的，数据是水平的吗？是的。如果你发布一个链接到你更新的小提琴，我们可以看看对齐问题。