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

Question

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

目前图表使用图表生成的默认值，但我希望能够自定义X轴值。

我正在查看bootstrap nvd3示例：http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/ 但是从示例中可以看出（如“过去30天”的情况所示）。

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

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

如何自定义图表：

6月24日6月25日6月26日6月27日----沿着x轴？ 任何想法如何实现？

谢谢！

EDIT ::::::::

这是小提琴：

http://jsfiddle.net/dxkmtg5j/2/

chart.xAxis.tickFormat(function(d) {
                        return d3.time.format.utc(dataFormat)(new Date(d));
                });

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

很抱歉这是我能提出的唯一代码，因为我不知道从哪里开始处理x轴的标签。我更改了'dateRangePciker.js'文件，这就是我试图修改一些代码的地方。这可能还不够，但如果我能够获得实施的高层次想法，我可以尝试形成我的一面。

谢谢

Answer 1

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

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);