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 回答