nvd3线条图xAxis日期格式

时间:2016-06-28 11:56:23

标签: jquery d3.js nvd3.js

我有一个工作线和条形图,但在xAxis上正确格式化日期时遇到问题。我确实环顾四周,但无法找到使用我需要的相同日期格式的任何线条图示例。

以下是我的json存储为变量的内容:

var data = [{
        "key": "Cases",
        "bar": true,
        "color": "skyblue",
        "values": [
            [2016-01-01, 13],
            [2016-01-02, 17],
            [2016-01-03, 19],
            [2016-01-04, 39],
            [2016-01-05, 46],
            [2016-01-06, 34],
            [2016-01-07, 36],
            [2016-01-08, 32]
        ]
    },

    {
        "key": "CSAT",
        "color": "steelblue",
        "values": [
            [2016-01-01, 9],
            [2016-01-02, 7],
            [2016-01-03, 10],
            [2016-01-04, 10],
            [2016-01-05, 8],
            [2016-01-06, 9],
            [2016-01-07, 10],
            [2016-01-08, 10]
        ]
    }
];

我认为这部分代码需要审核:

    chart.xAxis.showMaxMin(true)
        .tickFormat(function (d) {
        var dx = data[0].values[d] && data[0].values[d][0] || 0;
        return d3.time.format('%Y-%d-%m')(new Date(dx));
    });

此代码最初是以epoch / unix格式编写的,但是,我的json具有不同的日期格式 - 它看起来像2016-01-01 %Y-%d-%m

您可以在此处查看整个图表代码:http://jsfiddle.net/pty79q2z/

提前感谢!

0 个答案:

没有答案