在c3.js X轴上变厚到年 - > monthly->每日

时间:2017-07-11 02:11:26

标签: javascript d3.js graph c3.js

我想在每个日历年看到X轴。 我希望按周,月和日在X轴上看到它。

示例代码如下。

var chart = c3.generate({
    data: {
        json: [{
            date: '2014-01-01',
            upload: 200,
            download: 200,
            total: 400
        }, {
            date: '2014-04-02',
            upload: 100,
            download: 300,
            total: 400
        }, {
            date: '2014-06-03',
            upload: 300,
            download: 200,
            total: 500
        }, {
            date: '2014-10-04',
            upload: 400,
            download: 100,
            total: 500
        }],
        keys: {
            x: 'date',
            value: ['upload', 'download']
        }
    },
    axis: {
        x: {
            type: 'timeseries',
            tick: {
                format: function (x) {
                    return x.getFullYear();
                }
            }
        }
    }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<div id="chart"></div>

在此代码中,X轴必须每年固定,但如果修改“getFullYear”函数,则不知道如何更改它。我想每周,每月和每天更换。帮助我。

0 个答案:

没有答案