0

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

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

我正在查看引导程序 nvd3 示例:http ://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/ 但是从示例中(如案例所示'过去 30 天')。

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

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

在此处输入图像描述

我怎样才能自定义图表成为:

June24 June 25 June 26 June 27 ----沿x轴?任何想法如何实现?

谢谢!

编辑::::::::

这是小提琴:

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”文件,这就是我尝试修改一些代码的地方。这可能还不够,但如果我能对实施有一个高层次的想法,我可以尝试站在我这边。

谢谢

4

1 回答 1

0

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

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); 
于 2014-12-02T12:35:24.903 回答