javascript - How to plot a date range on X-axis in Flot Charts? -

-

i'm using flot charts display data period (to selected user, e.g. last 30 days, last 7 days, 1st jan 2013 3rd mar 2013 etc)

so want display line chart x-axis date.

e.g. if i've 2 days, startdate , enddate how make x-axis display like:

1 jan 2013 | 2 jan 2013........................3 mar 2013

my code follows: data (currently it's static). 

var mydata = [                 [1, 2.4],                 [2, 3.4 ],                 [3, 4.5 ],                 [4, 5 ],                 [5,  5],                 [6, 5],                 [7, 2 ],                 [8, 1 ],                 [9, 1.5 ],                 [10, 2.5 ],                 [11,  3.5],                 [12, 4 ],                 [13, 4 ],                 [14, 2.4],                 [15, 3.4 ],                 [16, 4.5 ],                 [17, 5 ],                 [18,  5],                 [19, 5],                 [20, 2 ],                 [21, 1 ],                 [22, 1.5 ],                 [23,  2.5 ],                 [24,   3.5],                 [25,  4 ],                 [26,  4 ],                 [27,  2.5 ],                 [28,   3.5],                 [29,  4 ],                 [30,  4 ],             ];  var plot = $.plot($("#mychart"), [{                 data: mydata,                 label: "y-axis label"             }], {                 series: {                     lines: {                         show: true                     },                     points: {                         show: true                     },                     shadowsize: 2                 },                 grid: {                     hoverable: true,                     clickable: true                 },                 colors: ["#37b7f3", "#d12610", "#52e136"],                 xaxis: {                      mode: "time", timeformat: "%d/%m/%y", minticksize: [1, "day"]                 },                 yaxis: {                     ticks: 11,                     tickdecimals: 0,             min:0, max: 5                 }             });

i realize need make mydata [date, value]. work? i've data dynamically generated server in json in

[{date, value}, {date, value}...]

format. please guide.

you need change numbers unix time stamps multiplied 1000. api if search time series data:

the time series support in flot based on javascript timestamps, i.e. everywhere time value expected or handed over, javascript timestamp number used. number, not date object. javascript timestamp number of milliseconds since january 1, 1970 00:00:00 utc. same unix timestamps, except it's in milliseconds, remember multiply 1000!

there .net example in api:

public static int getjavascripttimestamp(system.datetime input) { system.timespan span = new system.timespan(system.datetime.parse("1/1/1970").ticks); system.datetime time = input.subtract(span); return (long)(time.ticks / 10000); }

here example - http://jsfiddle.net/zxtfc/4/


Comments

Post a Comment

Popular posts from this blog

ruby - Trying to change last to "x"s to 23 -

-
i have been playing around irb , have string looks this: irb(main):072:0> puts ["[\"4354 5432 5432 xxxxx\", \"6547 6547 8543 xxxxx\", \"2344 6543 6674 xxxxx\", \"2346 6236 7543 xxxxx\", \"1273 5585 5587 xxxxx\"]"] => nil irb(main):073:0> what want gsub last 2 "x" s of each 17 digit combination, 23 . what i've tried far (i've been using rubular): a.gsub(/\d[x]/,"23") <= grabs "x" s i'm close a.gsub(/\w[x{2}]/,"23") <= grabs "x" s grabs two digits each combination. is there easier way i'm not understanding? a.gsub(/\d{4} \d{4} \d{4} xxx\kxx/, '23') \d{4} = 4 digits what \k drop matched far. can use don't replace entire number, still able validate have in desired format.
Read more

jquery - Clone last and append item to closest class -

-
this bare-bones code on page: <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <di
Read more

c - Unrecognised emulation mode: elf_i386 on MinGW32 -

-
i'm trying make kernel, , cannot link c output assembly. ld . i'm getting error: unrecognized emulation mode: elf_i386 i'm using windows 10 professional mingw32 , msys. code using: link.ld /* * link.ld */ output_format(elf32-i386) entry(start) sections { . = 0x100000; .text : { *(.text) } .data : { *(.data) } .bss : { *(.bss) } } kernel.c /* * kernel.c */ void kmain(void) { const char *str = "my first kernel"; char *vidptr = (char*)0xb8000; //video mem begins here. unsigned int = 0; unsigned int j = 0; /* loops clears screen * there 25 lines each of 80 columns; each element takes 2 bytes */ while(j < 80 * 25 * 2) { /* blank character */ vidptr[j] = ' '; /* attribute-byte - light grey on black screen */ vidptr[j+1] = 0x07; j = j + 2; } j = 0; /* loop writes string video memory */ while(str[j] != '\0') { /
Read more