Javascript 使用Jquery生成特定时间段X轴Flot

我想制作一张图表，以4个月为间隔（3个周期/年）显示数据。 我想要x轴标签显示年份和周期，如下图所示：

到目前为止我所做的：

    var data = [[1262278800000,87.5],[1293814800000,750],[1325350800000,100],[1356973200000,25],[1371229200000,87.5],[1388422800000,0],[1388509200000,375],[1402765200000,100],[1419958800000,1000]];
    var tahunsekarang=new Date(2015, 12, 31).getTime();    

    $.plot("#chartTabamaProduktifitas", [data], {
        xaxis: { mode: "time",tickSize: [4, "month"] ,  timeformat: "%Y",panRange: [1262217600000, tahunsekarang]},
        yaxis: {panRange: [0, 1500] },
        pan: { interactive: true},
        series: {lines: {show: true},points: {show: true}},
    });

但是因为我做了

pan:{interactive:true}

所以当我拖动图表时，勾号线总是更改值，它使图表线不适合勾号线

1）如果你想在拖动图表时固定勾号，你必须给出一个固定的

勾号

数组，而不是

勾号

选项

2） 要给出三个月的罗马数字，您可以使用

tickFormatter

函数而不是

timeformat

选项

新的

选项

对象：

xaxis: {
    mode: "time",
    ticks: ticks,
    tickFormatter: function (val, axis) {
        var d = new Date(val);
        var trimester = '';
        for (var i = 1; i <= (1 + d.getMonth() / 4); i++){
            trimester += "I";
        };
        return trimester + "<br>" + d.getFullYear();
    },
    panRange: [1262217600000, tahunsekarang]
},

xaxis:{
模式：“时间”，
滴答声：滴答声，
tickFormatter:函数（val，轴）{
var d=新日期（val）；
var孕三个月=“”；
对于（var i=1；i