Twitter bootstrap 如何使用nvd3图表沿X轴值和范围选项缩放？

我正在使用NVD3图表生成图形。我想沿X轴更改和自定义值和日期范围值

当前图形使用由图形生成的默认值，但我希望能够自定义X轴值

我正在看引导nvd3示例： 但是，从示例中可以看出（如“过去30天”的情况所示）

我不太确定，如何以及在哪里更改x标签，以使其连续而不是替代

例如：在“过去30天”的示例中，x轴上显示：

如何将图形自定义为：

6月24日6月25日6月26日6月27日——沿x轴？ 有什么想法可以实现吗

谢谢

编辑：

这是小提琴：

以下是我在“x”轴上标记的o/p

很抱歉，这是我能提供的唯一代码，因为我不知道从哪里开始处理x轴的标签。我更改了“dateRangePciker.js”文件，并试图在其中修改一些代码。这可能还不够，但如果我能对实现有一个高层次的想法，我可以试着站在我这边

---

谢谢

尝试添加此代码并创建日期

chart.xAxis.tickFormat(function (d) {            
        var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
        if (dx > 0) {
            console.log(dx);
            return d3.time.format('%X')(new Date(dx))
        }
         return null;
    }).axisLabel("direction").showMaxMin(false); 

---

你能把你到目前为止所做的代码放在一个上吗？你提供的示例链接是

highcharts

而不是

NVD3

谢谢，tickFormat（）可以工作，但我试图将数据动态添加到axisLabel（）中，而不是文本？可能吗？类似于：axisLabel（dx）？请阅读此内容以了解更多详细信息。

chart.xAxis.tickFormat(function (d) {            
        var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
        if (dx > 0) {
            console.log(dx);
            return d3.time.format('%X')(new Date(dx))
        }
         return null;
    }).axisLabel("direction").showMaxMin(false);