FlotChart 0.8.2 Time mode requires the flot.time plugin

Question

I'm working with flotchart to make a custom linechart (which is call in ajax) but I'm probably doing something wrong because he will not be displayed and i get the error :

Uncaught Error: Time mode requires the flot.time plugin.

But the jquery.flot.time.js is included so I don't understand why i got this error.

I found this link : https://github.com/flot/flot/issues/1016 which explain why flot is throwing this error but I don't understand everything...

Can someone explain to me more easily or just check what is wrong in my code ?

$(function() {
    var data = [
        {
        label: "A0-P1-M1 10cm", 
        data: 
            [
                [1388538000000, 29.8848],
                [ // .. some data]
            ]
        }
    ];
    var options = {
        legend: {
            noColumns: 1
        },
        xaxis: {
            mode: "time",
            timeformat: "%d/%m %H:%M",
            tickLength: 10
        },
        yaxis: {
            show: false
        }
    };
    var plot = $.plot("#placeholder13", data, options);
});

Thank you for your time & help. Sorry for my english.

score 2 · Answer 1 · answered Apr 22 '14 at 13:23

As the error says, you're not including the time plugin. Make sure your include path is correct, and that you're including the plugin after you include Flot itself.

Since the problem is with your includes, we would need to see your HTML in order to be more specific.

score 1 · Answer 2 · answered Apr 16 '16 at 09:54

I had this error with that code :

jQuery.getScript("jquery.flot.min.js");
jQuery.getScript("jquery.flot.time.min.js");

Fixed with that to respect loading order :

jQuery.getScript("jquery.flot.min.js",function(){
    jQuery.getScript("jquery.flot.time.min.js")
});

score 0 · Answer 3 · answered May 23 '14 at 19:00

As you said this was supposedly resolved with check-in 1016 which is in a recent build if you go out to down load it. Contrary to what @DNS said, this is thrown from inside another file and has little to do with whether or not you're including the flot.time.js file. The fix is in that file (so you have obviously need to include it properly), but it still wouldn't work with the code you posted... The way to fix the code is to simply add { } around your series:

    var data = [
        {
        label: "A0-P1-M1 10cm", 
        data: 
            [
                [1388538000000, 29.8848],
                [ // .. some data]
            ]
        }
    ];
    //Becomes:
    var data = [
        {
        label: "A0-P1-M1 10cm", 
        data: 
            [  
                {   //<---Attention!
                    [1388538000000, 29.8848],
                    [ // .. some data]
                }   //<---Attention!
            ]
        }
    ];

... In general the problem that this is describing is that the Flot API cannot determine where your series are inside your data (or even if you have any series) and it interprets this ..um.. Poorly..

But I thnk you for your post it helped me find my problem.. Cheers..

user3338098 · Answer 4 · 2015-05-28T14:40:11.383

This probably won't solve your problem, but it may help others.

I noticed that to change the chart options after creating the chart that I needed to do chart.getOptions().xaxis.whatever AND chart.getOptions().xaxes[0].whatever. So I started with the plan of doing all the options dynamically and latter changed it by doing a copy and paste...

jQuery(...).plot(..., ..., {
  ...,
  xaxis: {
    aFewOptions: ...,
    ...
  },
  xaxes: {
    '0': {
      theSameFewOptions: ...,
      ...
    }
  }
});

the whole xaxes[0] shouldn't be included when first creating the chart, even if it is required latter...

doing something like this will cause

Uncaught Error: Time mode requires the flot.time plugin.

even if the flot.time plugin is loaded...

my mistake was copying and pasting code I shouldn't of... doesn't look like you did anything like this though...

FlotChart 0.8.2 Time mode requires the flot.time plugin

4 Answers4