flot - Project Hosting on Google Code

Today 19 hours ago issue 161 (Draw chart in an div many times leads to memory leak in IE6) commented on by rene.leonhardt - Just wanted to inform you that the current excanvas r71 works with the current jquery.flot.js r229 nearly unchanged in IE 6 SP2: http://code.google.com/p/explorercanvas/source/browse/trunk/excanvas.js I just needed to disable the version check for IE <= 6 in line 94 ;) if (IE_VERSION >= 6) { instead of if (IE_VERSION >= 7) { But I just tried the basic chart types including hovering and I don't if the IE6 memory leak still exists ;) Just wanted to inform you that the current excanvas r71 works with the current jquery.flot.js r229 nearly unchanged in IE 6 SP2: http://code.google.com/p/explorercanvas/source/browse/trunk/excanvas.js I just needed to disable the version check for IE <= 6 in line 94 ;) if (IE_VERSION >= 6) { instead of if (IE_VERSION >= 7) { But I just tried the basic chart types including hovering and I don't if the IE6 memory leak still exists ;) Last 7 days Dec 19, 2009 issue 281 (Bind "plothover" in a plugin) reported by Pr.Dorian - Hello, I see the examples with the tooltip and i would like make a plugin with that, but if I do : function bindEvents(plot, eventHolder) { eventHolder.bind('plothover', function (e) { alert('OK') }); } // ... plot.hooks.bindEvents.push(bindEvents); It don't works... Sorry if I don't understand how Flot works but when I see the other plugins it's like what I do... without 'plothover'. Hello, I see the examples with the tooltip and i would like make a plugin with that, but if I do : function bindEvents(plot, eventHolder) { eventHolder.bind('plothover', function (e) { alert('OK') }); } // ... plot.hooks.bindEvents.push(bindEvents); It don't works... Sorry if I don't understand how Flot works but when I see the other plugins it's like what I do... without 'plothover'. Dec 16, 2009 issue 280 (background image) reported by kunwanchat - Sorry for bad English. I want to be Flot put a background image to be. Sorry for bad English. I want to be Flot put a background image to be. Dec 16, 2009 issue 5 (Pie Charts) commented on by david.mchonechase - I'm trying to print out the pie chart in IE. The first slice in the first chart is always hidden. I've tried this in IE 6, 7, and 8. I also tried the examples that are available in source control and found the same problem. I tried hiding different charts, and the first slice of the first chart is always hidden. For instance, I commented out the code for the first two charts (default and graph1) and then graph2's first slice is hidden. I've included two screenshots to illustrate what I mean. The first is from the application I am working on. The second is using the examples from source control. I'm trying to print out the pie chart in IE. The first slice in the first chart is always hidden. I've tried this in IE 6, 7, and 8. I also tried the examples that are available in source control and found the same problem. I tried hiding different charts, and the first slice of the first chart is always hidden. For instance, I commented out the code for the first two charts (default and graph1) and then graph2's first slice is hidden. I've included two screenshots to illustrate what I mean. The first is from the application I am working on. The second is using the examples from source control. Dec 16, 2009 issue 227 (Resize canvas management) commented on by webadmi...@lineagepower.com - I am trying to add flot graphs to dhtmlx.com windows which are resizeable but as of now I guess will have to make the graphs fixed sizes :( I am trying to add flot graphs to dhtmlx.com windows which are resizeable but as of now I guess will have to make the graphs fixed sizes :( Dec 16, 2009 issue 269 (Memory Leak with IE/excanvas flot 0.6) commented on by bensprachman - I am not sure what happened, but since I originally made the post, the example which I included seems to have stopped working under IE, but works fine still under Firefox. Under IE the second call to $.plot is dieing within jquery. I don't have time to debug this issue now. I am using similar code with the workaround that I previously posted and it is working fine under both browsers. The code attached to this issue does produce "live" charts. I am convinced that the issue has nothing to do with the $.getJSON call and is simply that the some large object that is created within excanvas/flot is not getting released when a new call to $.plot is made. I am not sure what happened, but since I originally made the post, the example which I included seems to have stopped working under IE, but works fine still under Firefox. Under IE the second call to $.plot is dieing within jquery. I don't have time to debug this issue now. I am using similar code with the workaround that I previously posted and it is working fine under both browsers. The code attached to this issue does produce "live" charts. I am convinced that the issue has nothing to do with the $.getJSON call and is simply that the some large object that is created within excanvas/flot is not getting released when a new call to $.plot is made. Dec 16, 2009 issue 269 (Memory Leak with IE/excanvas flot 0.6) commented on by kerepuki - Hi, can you post some working sample code? I am trying to do the exact same thing for days but cant get my live update working? Please? Thanks Hi, can you post some working sample code? I am trying to do the exact same thing for days but cant get my live update working? Please? Thanks Dec 15, 2009 issue 279 (Grid draws after markings are drawn) reported by ad...@mar.lt - I needed to make a marking line on 0 (from: 0, to: 0). Problem is that there's a tick in that location too. It doesn't look nice when you see line on line. My solution was to draw grid before markings, but that's not good for all cases. There should probably be option for each marking to draw it under or above grid. I needed to make a marking line on 0 (from: 0, to: 0). Problem is that there's a tick in that location too. It doesn't look nice when you see line on line. My solution was to draw grid before markings, but that's not good for all cases. There should probably be option for each marking to draw it under or above grid. Dec 15, 2009 issue 278 (Control radius of individual datapoints) commented on by benjiw - This should be a feature request, not a defect; not sure how to change it. This should be a feature request, not a defect; not sure how to change it. Dec 15, 2009 issue 278 (Control radius of individual datapoints) reported by benjiw - I'd love a feature that allows the radius of each individual data point to be specified. In other words, datapoint at coordinate x: 10, y: 20 would have a radius of 10 points; datapoint at coordinate x: 15: y: 30 would have a radius of 20 points, etc. I've already identified a method for attaching specific labels to individual datapoints: http://groups.google.com/group/flot- graphs/browse_thread/thread/db918f9dbe224f31 And would now love it if someone could take it to the next level of specifying the radius of each point. Thanks! I'd love a feature that allows the radius of each individual data point to be specified. In other words, datapoint at coordinate x: 10, y: 20 would have a radius of 10 points; datapoint at coordinate x: 15: y: 30 would have a radius of 20 points, etc. I've already identified a method for attaching specific labels to individual datapoints: http://groups.google.com/group/flot- graphs/browse_thread/thread/db918f9dbe224f31 And would now love it if someone could take it to the next level of specifying the radius of each point. Thanks! Dec 15, 2009 issue 163 (Add bubble chart functionality) commented on by benjiw - How do you install this plugin? How do you install this plugin? Dec 15, 2009 issue 3 (Examples don't display in IE 6.0) commented on by Konstantin.Pelepelin - It looks like IE6/Windows 98 (version 6.0.2800.1106) does not work well. First time loading flot page it asked for VML plugin installation and seemed to install it, but no charts drawn ever. No script errors either. I don't know how to check what exactly goes wrong, possibly VML in Windows 98 is older version than in Windows XP. Point me with instructions how to check it. It looks like IE6/Windows 98 (version 6.0.2800.1106) does not work well. First time loading flot page it asked for VML plugin installation and seemed to install it, but no charts drawn ever. No script errors either. I don't know how to check what exactly goes wrong, possibly VML in Windows 98 is older version than in Windows XP. Point me with instructions how to check it. Last 30 days Dec 13, 2009 Plugins (Links to Flot plugins) Wiki page commented on by petrblahos - http://sites.google.com/site/petrsstuff/projects/flotvallab A plugin showing labels in place of values. An example can be seen here: http://www.seo-profesional.cz/images/historie-ranku.jpg http://sites.google.com/site/petrsstuff/projects/flotvallab A plugin showing labels in place of values. An example can be seen here: http://www.seo-profesional.cz/images/historie-ranku.jpg Dec 12, 2009 issue 277 (plotting line data over plotted image) commented on by articzap - http://slowswap.host56.com/compressorplotting.php Link to said script. http://slowswap.host56.com/compressorplotting.php Link to said script. Dec 12, 2009 issue 277 (plotting line data over plotted image) commented on by articzap - I'm still looking for a better solution, but right now I've managed to overcome the issue by writing two <div>'s and overlapping them. I'm still looking for a better solution, but right now I've managed to overcome the issue by writing two <div>'s and overlapping them. Dec 12, 2009 FlotUsage (Sites and projects using Flot) Wiki page commented on by petrb.feedback - A firefox add-on for seo folks. Using flot to display charts with history of ranks. [https://addons.mozilla.org/en-US/firefox/addon/49038 http://www.seo-profesional.cz/images/historie-ranku.jpg] A firefox add-on for seo folks. Using flot to display charts with history of ranks. [https://addons.mozilla.org/en-US/firefox/addon/49038 http://www.seo-profesional.cz/images/historie-ranku.jpg] Dec 12, 2009 FlotUsage (Sites and projects using Flot) Wiki page commented on by petrb.feedback - https://addons.mozilla.org/en-US/firefox/addon/49038 A firefox add-on for seo folks. Using flot to display charts with history of ranks. https://addons.mozilla.org/en-US/firefox/images/p/38892/1258053985 https://addons.mozilla.org/en-US/firefox/addon/49038 A firefox add-on for seo folks. Using flot to display charts with history of ranks. https://addons.mozilla.org/en-US/firefox/images/p/38892/1258053985 Dec 12, 2009 issue 277 (plotting line data over plotted image) reported by articzap - I'm working on making a site to plot line data over an image which is a graph. I need to find away to make the line data appear over the top of the image. All I can seem to make it do is either plot the image or plot the data. I can't get the data to appear on top of. Thanks for the help, David Z I'm working on making a site to plot line data over an image which is a graph. I need to find away to make the line data appear over the top of the image. All I can seem to make it do is either plot the image or plot the data. I can't get the data to appear on top of. Thanks for the help, David Z Dec 11, 2009 issue 274 (More control over zoom (enhancement)) commented on by artemave - This ticket should be removed (sadly, I don't seem to be able to do it) in favor of "Add processSetup hook" This ticket should be removed (sadly, I don't seem to be able to do it) in favor of "Add processSetup hook" Dec 10, 2009 issue 23 (Invert Axis) commented on by acurtiss - Can someone provide some guidance as to how to make this work when using a non-square chart, ie when height != width? I have hacked away at the scale logic but to no avail. Thank you, Aaron Can someone provide some guidance as to how to make this work when using a non-square chart, ie when height != width? I have hacked away at the scale logic but to no avail. Thank you, Aaron Dec 10, 2009 issue 276 (Contribution - Gradients for pie charts) commented on by lucboudreau - This issue type is not right. Sorry about that. I can't change it apparently. This issue type is not right. Sorry about that. I can't change it apparently. Dec 10, 2009 issue 276 (Contribution - Gradients for pie charts) reported by lucboudreau - Hi there, I added gradients to pie charts. I'm attaching all updated files along with their diff files. I didn't work directly from the trunk files... sorry if applying the patches turns out being a bit tedious. The parameters are the same as the bar charts. You can either specify colors to form the gradient from or simply pass brightness and opacity parameters to transform the default series colors. If this contribution is not in any way properly submitted, please let me know. I plan to use it in production and would very much like to see it make it to the Flot project so I don't have to maintain it separately. Cheers! Hi there, I added gradients to pie charts. I'm attaching all updated files along with their diff files. I didn't work directly from the trunk files... sorry if applying the patches turns out being a bit tedious. The parameters are the same as the bar charts. You can either specify colors to form the gradient from or simply pass brightness and opacity parameters to transform the default series colors. If this contribution is not in any way properly submitted, please let me know. I plan to use it in production and would very much like to see it make it to the Flot project so I don't have to maintain it separately. Cheers! Dec 10, 2009 issue 274 (More control over zoom (enhancement)) commented on by artemave - pan feature probably needs the same hook pan feature probably needs the same hook Dec 10, 2009 issue 259 (Flot doesn't adjust plot when user zooms) commented on by acido303 - I´ve got the same problem. It´s not critical but it is annoying ... I´ve got the same problem. It´s not critical but it is annoying ... Dec 09, 2009 issue 275 (Different barWidth with time ?) reported by vinet.adrien - Hi, I try to display a bar chart for all months of the year. The problem is that in calculating the barWidth of each month, it must timeStamp. Only the timeStamp is different for each month. Someone there a solution? Thank you. PS: See the graf with timeStamp of 30days Hi, I try to display a bar chart for all months of the year. The problem is that in calculating the barWidth of each month, it must timeStamp. Only the timeStamp is different for each month. Someone there a solution? Thank you. PS: See the graf with timeStamp of 30days Dec 09, 2009 issue 269 (Memory Leak with IE/excanvas flot 0.6) commented on by jsolares - Forgot to add, i experience the memory leak in every browser i've tried (IE, Firefox, Safai and Chrome) Forgot to add, i experience the memory leak in every browser i've tried (IE, Firefox, Safai and Chrome) Dec 09, 2009 issue 274 (More control over zoom (enhancement)) reported by artemave - I need to dynamically change plot options/data when zooming in/out. For instance, show/hide data points or normalize data depending on zoom level. Below is a very minimalistic change to allow such a behavior. --- /home/artem/jquery.flot.navigate.js 2009-12-09 20:06:46.000000000 +0300 +++ /home/artem/my_jquery.flot.navigate.js 2009-12-09 20:00:46.000000000 +0300 @@ -89,7 +89,8 @@ zoom: { interactive: false, trigger: "dblclick", // or "click" for single click - amount: 1.5 // how much to zoom relative to current position, 2 = 200% (zoom in), 0.5 = 50% (zoom out) + amount: 1.5, // how much to zoom relative to current position, 2 = 200% (zoom in), 0.5 = 50% (zoom out) + beforeDraw: null //hook in dynamic zoom features here (e.g. show points only after certain zoom level) }, pan: { interactive: false @@ -200,6 +201,10 @@ scaleAxis(x1, x2, 'x2axis'); scaleAxis(y1, y2, 'yaxis'); scaleAxis(y1, y2, 'y2axis'); + + if (options.zoom.beforeDraw != undefined) { + options.zoom.beforeDraw.apply(plot); + } plot.setupGrid(); plot.draw(); ------------ Hopefully this (or similar) will end up in flot. Regards, Artem. I need to dynamically change plot options/data when zooming in/out. For instance, show/hide data points or normalize data depending on zoom level. Below is a very minimalistic change to allow such a behavior. --- /home/artem/jquery.flot.navigate.js 2009-12-09 20:06:46.000000000 +0300 +++ /home/artem/my_jquery.flot.navigate.js 2009-12-09 20:00:46.000000000 +0300 @@ -89,7 +89,8 @@ zoom: { interactive: false, trigger: "dblclick", // or "click" for single click - amount: 1.5 // how much to zoom relative to current position, 2 = 200% (zoom in), 0.5 = 50% (zoom out) + amount: 1.5, // how much to zoom relative to current position, 2 = 200% (zoom in), 0.5 = 50% (zoom out) + beforeDraw: null //hook in dynamic zoom features here (e.g. show points only after certain zoom level) }, pan: { interactive: false @@ -200,6 +201,10 @@ scaleAxis(x1, x2, 'x2axis'); scaleAxis(y1, y2, 'yaxis'); scaleAxis(y1, y2, 'y2axis'); + + if (options.zoom.beforeDraw != undefined) { + options.zoom.beforeDraw.apply(plot); + } plot.setupGrid(); plot.draw(); ------------ Hopefully this (or similar) will end up in flot. Regards, Artem. Dec 09, 2009 issue 269 (Memory Leak with IE/excanvas flot 0.6) commented on by jsolares - I'm seeing a similar if not the same problem using xajax, not using json, i thought it was maybe xajax but the leak around the same amount as this. $objResponse is the xajax object returned in php. $objResponse -> script ( 'var d2 = ' . $abandon_str . ';var d1 = ' . $connect_str . '; var d3 = ' . $aHold_str . '; var d4 = ' . $cHold_str . '; var d5 = ' . $cDuration_str . '; $j.plot($j("#grafica-calls-day"), [{ label:"Llamadas Conectadas", data: d1, bars: { show:true, align: "center", barWidth:0.8}, shadowSize: 0, stack:true}, { label:"Llamadas Abandonadas", data: d2, bars: { show:true, align: "center", barWidth:0.8}, shadowSize: 0, stack:true}, { label:"En Espera Abandonadas", data: d3, lines: {show:true}, yaxis:2}, { label:"En Espera Conectadas",data: d4, lines: {show:true}, yaxis:2}, { label:"Duracion Conectadas", data: d5, lines: {show:true}, yaxis:2}] ,{ legend: { show:true, noColumns:3, container: $j("#grafica-15min-legend") } }, grid: { hoverable: true }, yaxis: { min: 0, tickDecimals:0 }, y2axis: { ticks:[], min: 0, tickDecimals:0 } });'); it seems as if a new object is created everytime $j.plot gets called but never gets released I'm seeing a similar if not the same problem using xajax, not using json, i thought it was maybe xajax but the leak around the same amount as this. $objResponse is the xajax object returned in php. $objResponse -> script ( 'var d2 = ' . $abandon_str . ';var d1 = ' . $connect_str . '; var d3 = ' . $aHold_str . '; var d4 = ' . $cHold_str . '; var d5 = ' . $cDuration_str . '; $j.plot($j("#grafica-calls-day"), [{ label:"Llamadas Conectadas", data: d1, bars: { show:true, align: "center", barWidth:0.8}, shadowSize: 0, stack:true}, { label:"Llamadas Abandonadas", data: d2, bars: { show:true, align: "center", barWidth:0.8}, shadowSize: 0, stack:true}, { label:"En Espera Abandonadas", data: d3, lines: {show:true}, yaxis:2}, { label:"En Espera Conectadas",data: d4, lines: {show:true}, yaxis:2}, { label:"Duracion Conectadas", data: d5, lines: {show:true}, yaxis:2}] ,{ legend: { show:true, noColumns:3, container: $j("#grafica-15min-legend") } }, grid: { hoverable: true }, yaxis: { min: 0, tickDecimals:0 }, y2axis: { ticks:[], min: 0, tickDecimals:0 } });'); it seems as if a new object is created everytime $j.plot gets called but never gets released Dec 09, 2009 issue 273 (flot on iPhone) reported by bontasgeorge - Hello everybody, I have an issue implementing flot on iPhones! The $.plot($('#placeholder'), [ d1, d2, d3 ]); everything just like in the basic.html is giving me the error Invalid dimensions for plot, width = 0, height = 0 Is it because flot is with jQuery and I don't use jQuery in the rest?? Anybody can give me an solution??? Thank you! Hello everybody, I have an issue implementing flot on iPhones! The $.plot($('#placeholder'), [ d1, d2, d3 ]); everything just like in the basic.html is giving me the error Invalid dimensions for plot, width = 0, height = 0 Is it because flot is with jQuery and I don't use jQuery in the rest?? Anybody can give me an solution??? Thank you! Dec 09, 2009 issue 23 (Invert Axis) commented on by oskar17 - Hi! I want to draw chart with yaxis upside down (eg. 1 is the max value and 50 is the min value). I was trying to use this patch and set yaxis: { invert:true } but this not working for me - the y axis don't change (only get little 'wider', but nothing change). I was trying also option like that: or setting yaxis: { max:1, min:50 }, but this completely crashing the chart. What should I do to get this option - I need in result something like that: http://img691.imageshack.us/img691/4787/examplechart.jpg Thanks in advance for your help, Oskar Hi! I want to draw chart with yaxis upside down (eg. 1 is the max value and 50 is the min value). I was trying to use this patch and set yaxis: { invert:true } but this not working for me - the y axis don't change (only get little 'wider', but nothing change). I was trying also option like that: or setting yaxis: { max:1, min:50 }, but this completely crashing the chart. What should I do to get this option - I need in result something like that: http://img691.imageshack.us/img691/4787/examplechart.jpg Thanks in advance for your help, Oskar Dec 08, 2009 issue 272 (Crosshair IE click event sometimes doesn't get called) reported by ad...@mar.lt - How to replicate: Use IE (I used IE8 to test this) Use excanvas.js Use crosshair plugin (I used "xy" mode but probably doesn't matter) Set clickable = true Handle plotclick event (alert something for example) Most of clicks on graph don't get reported. I figured out that if you click fast enough, it gets reported. I also figured out if you remove redraw trigger from crosshair mouseout event it gets reported. So my guess is that click event is not handled when redrawing. We should probably call other events before redrawing? Maybe it has something to do with little mouse move (the same not handled when redrawing) How to replicate: Use IE (I used IE8 to test this) Use excanvas.js Use crosshair plugin (I used "xy" mode but probably doesn't matter) Set clickable = true Handle plotclick event (alert something for example) Most of clicks on graph don't get reported. I figured out that if you click fast enough, it gets reported. I also figured out if you remove redraw trigger from crosshair mouseout event it gets reported. So my guess is that click event is not handled when redrawing. We should probably call other events before redrawing? Maybe it has something to do with little mouse move (the same not handled when redrawing) Dec 07, 2009 issue 116 (window.G_vmlCanvasManager is null or not an Object ) commented on by lo.corinna - I had this error message when loading my Google Gadget using IE. Yes, it has something to do with problem loading excanvas.js file. My original code was: <Content type="html"><![CDATA[ <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--> <script src="http://www.google.com/jsapi" type="text/javascript"></script> As it turns out, there need to be something between <![CDATA[ and the conditional comment <!--[if IE]>... even if it is just a <p> or another <script> line. So I changed my code to: <Content type="html"><![CDATA[ <script src="http://www.google.com/jsapi" type="text/javascript"></script> <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--> It is working now. I had this error message when loading my Google Gadget using IE. Yes, it has something to do with problem loading excanvas.js file. My original code was: <Content type="html"><![CDATA[ <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--> <script src="http://www.google.com/jsapi" type="text/javascript"></script> As it turns out, there need to be something between <![CDATA[ and the conditional comment <!--[if IE]>... even if it is just a <p> or another <script> line. So I changed my code to: <Content type="html"><![CDATA[ <script src="http://www.google.com/jsapi" type="text/javascript"></script> <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--> It is working now. Dec 07, 2009 issue 271 (Documentation hint for eliminating canvas margin) reported by a...@mikitik.com - I found that occasionally, I want a graph to go to the absolute edge of the container element. Nothing in the documentation clearly stated how to do it (unless I missed it?). After digging in the code, I discovered that the plotOffset is responsible for this. It's value is calculated in the function setGridSpacing(). It would be nice somewhere in the documentation (perhaps the Grid section?) if it was stated that, to eliminate all whitespace around the graph, you'd need to set the following options to zero: options.grid.borderWidth series.points.radius series.points.lineWidth I found that occasionally, I want a graph to go to the absolute edge of the container element. Nothing in the documentation clearly stated how to do it (unless I missed it?). After digging in the code, I discovered that the plotOffset is responsible for this. It's value is calculated in the function setGridSpacing(). It would be nice somewhere in the documentation (perhaps the Grid section?) if it was stated that, to eliminate all whitespace around the graph, you'd need to set the following options to zero: options.grid.borderWidth series.points.radius series.points.lineWidth Dec 07, 2009 issue 269 (Memory Leak with IE/excanvas flot 0.6) commented on by bensprachman - I attaching a file with a snapshot of data from the server, per your request. the problem is that the leak happens when you feed it "real time" data. You could simulate this without the AJAX request. The data is simply time vs a floating point value. You can see the format in the attached file. New data samples are fed once a second by an Ajax call in the Timer call back, and an example of the data returned is "[1260189172000,4642.57]". I attaching a file with a snapshot of data from the server, per your request. the problem is that the leak happens when you feed it "real time" data. You could simulate this without the AJAX request. The data is simply time vs a floating point value. You can see the format in the attached file. New data samples are fed once a second by an Ajax call in the Timer call back, and an example of the data returned is "[1260189172000,4642.57]". Dec 07, 2009 issue 269 (Memory Leak with IE/excanvas flot 0.6) commented on by o...@iola.dk - Hi! Thanks for the test case. I have not run it yet, but can you attach a dump of the JSON to the bug so it won't go away when you change the server, I probably need a local dump anyway because of the same origin policy (can't make Ajax requests to other servers). Hi! Thanks for the test case. I have not run it yet, but can you attach a dump of the JSON to the bug so it won't go away when you change the server, I probably need a local dump anyway because of the same origin policy (can't make Ajax requests to other servers). Dec 07, 2009 issue 266 (Add max dinstance for connecting lines in line plots) changed by o...@iola.dk - Hi! You can preprocess the data yourself, just run through it and add a null in the data where you don't want it connected, so it ends up looking like this [[1, 10], [2, 12], null, [7, 8]] It shouldn't be too hard to write a little Flot plugin to do it for you, then you can add an option to the series and it'll look like Flot is doing the work for you. I don't want to add it to Flot itself, sorry, it is no doubt very useful but I have to draw a line somewhere before it turns into a big data processing monster that nobody understands. Status: WontFix Owner: o...@iola.dk Hi! You can preprocess the data yourself, just run through it and add a null in the data where you don't want it connected, so it ends up looking like this [[1, 10], [2, 12], null, [7, 8]] It shouldn't be too hard to write a little Flot plugin to do it for you, then you can add an option to the series and it'll look like Flot is doing the work for you. I don't want to add it to Flot itself, sorry, it is no doubt very useful but I have to draw a line somewhere before it turns into a big data processing monster that nobody understands. Status: WontFix Owner: o...@iola.dk Dec 07, 2009 issue 259 (Flot doesn't adjust plot when user zooms) changed by o...@iola.dk - Hi! Currently, you need to replot yourself, Flot won't try to detect these kind of changes. Flot computes a fixed-size plot that consists of some font elements and the canvas thing. The computation is based on the layout at the time when you do the plot. I guess it's possible to somehow detect when the user zooms and do a replot internally but I'm not sure how. I'm going to mark this as an enhancement for the time being in case someone is interested in brewing a patch. Summary: Flot doesn't adjust plot when user zooms Labels: Type-Enhancement −Type-Defect Hi! Currently, you need to replot yourself, Flot won't try to detect these kind of changes. Flot computes a fixed-size plot that consists of some font elements and the canvas thing. The computation is based on the layout at the time when you do the plot. I guess it's possible to somehow detect when the user zooms and do a replot internally but I'm not sure how. I'm going to mark this as an enhancement for the time being in case someone is interested in brewing a patch. Summary: Flot doesn't adjust plot when user zooms Labels: Type-Enhancement −Type-Defect Dec 07, 2009 issue 260 (Graph multiple series plots incorrectly in FF3+) commented on by o...@iola.dk - I am sorry, but I would need to look at some code to reproduce it. Have you tried installing Firebug in Firefox? It is certainly possible you found a bug in Flot, but I think it's also possible you've got a bug in your code that causes it to behave differently in other browsers. I am sorry, but I would need to look at some code to reproduce it. Have you tried installing Firebug in Firefox? It is certainly possible you found a bug in Flot, but I think it's also possible you've got a bug in your code that causes it to behave differently in other browsers. Dec 07, 2009 issue 244 (Defect) changed by o...@iola.dk - I am going to assume this was the problem and close the issue since you didn't respond. Status: Done Owner: o...@iola.dk I am going to assume this was the problem and close the issue since you didn't respond. Status: Done Owner: o...@iola.dk Dec 07, 2009 issue 264 (Reverse rendering order for stacked charts) commented on by o...@iola.dk - I think I need a screenshot, is this for filled line charts? If so, I just added support for stacking them properly. I think I need a screenshot, is this for filled line charts? If so, I just added support for stacking them properly. Dec 07, 2009 issue 256 (Access to PHP SQL query data) changed by o...@iola.dk - Hi, this kind of question is best posed on the Flot forum/mailing list, the issue tracker is for tracking bugs. There are many ways to address your problem, personally I would convert your data into a format in PHP that is the same as what's used by Flot, then use json_encode on that, transfering the data with Ajax. I'm closing the issue now, if you have further questions, please use the mailing list. Status: Invalid Owner: o...@iola.dk Hi, this kind of question is best posed on the Flot forum/mailing list, the issue tracker is for tracking bugs. There are many ways to address your problem, personally I would convert your data into a format in PHP that is the same as what's used by Flot, then use json_encode on that, transfering the data with Ajax. I'm closing the issue now, if you have further questions, please use the mailing list. Status: Invalid Owner: o...@iola.dk Dec 07, 2009 issue 148 (Ability to fill between two lines) changed by o...@iola.dk - I've just committed support for this based on Roman's code. Would be nice with some testing, but if you find a bug, please open a new issue. I'll close this now. The built-in support is for point 2: Allow compound data points, e.g. [x, y1, y2]. But I also add a plugin for doing point 1. So we should be fully covered. :) Status: Fixed Owner: o...@iola.dk I've just committed support for this based on Roman's code. Would be nice with some testing, but if you find a bug, please open a new issue. I'll close this now. The built-in support is for point 2: Allow compound data points, e.g. [x, y1, y2]. But I also add a plugin for doing point 1. So we should be fully covered. :) Status: Fixed Owner: o...@iola.dk Dec 07, 2009 issue 31 (Support for stacked bars.) changed by o...@iola.dk - With the stack plugin, I'm not sure this bug (stacked bars) is relevant anymore so I'm going to close it. As for filled line areas, I've just committed support for that too, based on code from Roman. Status: Fixed Owner: o...@iola.dk With the stack plugin, I'm not sure this bug (stacked bars) is relevant anymore so I'm going to close it. As for filled line areas, I've just committed support for that too, based on code from Roman. Status: Fixed Owner: o...@iola.dk Dec 07, 2009 r229 (Support for specifying a bottom for each point for line char...) committed by o...@iola.dk - Support for specifying a bottom for each point for line charts when filling them, this means that an arbitrary bottom can be used instead of just the x axis (based on patches patiently provided by Roman V. Prikhodchenko). New fillbetween plugin that can compute a bottom for a series from another series, useful for filling areas between lines (see new example percentiles.html for a use case). More predictable handling of gaps for the stacking plugin, now all undefined ranges are skipped. Fixed problem with plugins adding options to the series objects. Fixed a problem introduced in 0.6 with specifying a gradient with { brightness: x, opacity: y }. Support for specifying a bottom for each point for line charts when filling them, this means that an arbitrary bottom can be used instead of just the x axis (based on patches patiently provided by Roman V. Prikhodchenko). New fillbetween plugin that can compute a bottom for a series from another series, useful for filling areas between lines (see new example percentiles.html for a use case). More predictable handling of gaps for the stacking plugin, now all undefined ranges are skipped. Fixed problem with plugins adding options to the series objects. Fixed a problem introduced in 0.6 with specifying a gradient with { brightness: x, opacity: y }. Dec 06, 2009 FlotUsage (Sites and projects using Flot) Wiki page commented on by myfootprints.cn - 我用Flot来作函数图像，见 http://www.myfootprints.cn 我用Flot来作函数图像，见 http://www.myfootprints.cn Dec 04, 2009 issue 269 (Memory Leak with IE/excanvas flot 0.6) commented on by bensprachman - I found an easy workaround for the problem. Rather than call $.plot in the timer callback, I skip the initialization of the options, plugins and canvas and simply set the data, redo the grid and redraw: $(document).ready(function() { var plotRendered =false; var plotdata; var PLOT = null; // flot plot object $.getJSON ('http://vbbtech.com/test/createTestChart.php','samples=700&freq=sec&', function(json) { plotdata = [ {yaxis :1, data: json}]; PLOT = $.plot($("#flottest"), plotdata ); plotRendered = true; }); setInterval ( function() { if (!plotRendered) return; $.getJSON('http://vbbtech.com/test/getLiveData.php',function (json) { plotdata[0].data.shift(); plotdata[0].data.push(json); // This causes memory leak in IE //$.plot($("#flottest"), plotdata ); PLOT.setDate(plotdata); PLOT.setupGrid(); PLOT.draw(); }); },1000); }); I found an easy workaround for the problem. Rather than call $.plot in the timer callback, I skip the initialization of the options, plugins and canvas and simply set the data, redo the grid and redraw: $(document).ready(function() { var plotRendered =false; var plotdata; var PLOT = null; // flot plot object $.getJSON ('http://vbbtech.com/test/createTestChart.php','samples=700&freq=sec&', function(json) { plotdata = [ {yaxis :1, data: json}]; PLOT = $.plot($("#flottest"), plotdata ); plotRendered = true; }); setInterval ( function() { if (!plotRendered) return; $.getJSON('http://vbbtech.com/test/getLiveData.php',function (json) { plotdata[0].data.shift(); plotdata[0].data.push(json); // This causes memory leak in IE //$.plot($("#flottest"), plotdata ); PLOT.setDate(plotdata); PLOT.setupGrid(); PLOT.draw(); }); },1000); }); Dec 04, 2009 issue 218 (Display values of bar graph on top of bars) commented on by alves.marilia - Yeah, I was looking for the same functionality. Yeah, I was looking for the same functionality. Dec 03, 2009 issue 270 (Added hook to be able to add new graphs with the given serie...) reported by ricardoe - Hi, My name is Ricardo, I'm using your very good Flot code to display some simple graphs, but then I got a request to implement trendlines. At first it wasn't difficult to add it in my own codes. But then I started thinking about putting that into a Flot plugin. But while I was working on it I realized there's no hook that lets you add series to the graphs, let me explain: Imagine I pass a series to Flot like: [[0,0],[1,1],[2,2]] Now what I want to do is to add a NEW line using somehow this first series. In this case I wanted to add the trendline, so I realized that the hooks doesn't allow you to ADD series to a graph. What I did is to add a new hook "processParsedData" that fires at the end of the loop of parseData function (line 253 of flot 0.6), that hook receives (plot, series, data): -plot doesn't need explanation -series is the array of series of each graph (in this case I got [[[0,0],[1,1],[2,2]]]) -data is the current serie iterating to the hook. So this allow me to develop a plugin that will be triggered for each explicit given series to the graph, in case you have 3 graphs, you will add one trendline for each one (or as many new series as you want). I'm pasting the changed code as I don't know how to do diffs :) Hope its ok. jquery.flot.js (v 0.6) hooks = { processOptions: [], ++ processParsedData: [], processRawData: [], processDatapoints: [], draw: [], bindEvents: [], drawOverlay: [] }, -------- function parseData(d) { var res = []; for (var i = 0; i < d.length; ++i) { var s = $.extend(true, {}, options.series); if (d[i].data) { s.data = d[i].data; // move the data instead of deep-copy delete d[i].data; $.extend(true, s, d[i]); d[i].data = s.data; } else { s.data = d[i]; } res.push(s); ++ executeHooks(hooks.processParsedData, [res, s.data]); } return res; } And I'll attach my trendline plugin. BTW I know there's a patch for trendlines, but I really think its nice to be able to add new series on-the-fly with plugins. Let me know what you think. Hi, My name is Ricardo, I'm using your very good Flot code to display some simple graphs, but then I got a request to implement trendlines. At first it wasn't difficult to add it in my own codes. But then I started thinking about putting that into a Flot plugin. But while I was working on it I realized there's no hook that lets you add series to the graphs, let me explain: Imagine I pass a series to Flot like: [[0,0],[1,1],[2,2]] Now what I want to do is to add a NEW line using somehow this first series. In this case I wanted to add the trendline, so I realized that the hooks doesn't allow you to ADD series to a graph. What I did is to add a new hook "processParsedData" that fires at the end of the loop of parseData function (line 253 of flot 0.6), that hook receives (plot, series, data): -plot doesn't need explanation -series is the array of series of each graph (in this case I got [[[0,0],[1,1],[2,2]]]) -data is the current serie iterating to the hook. So this allow me to develop a plugin that will be triggered for each explicit given series to the graph, in case you have 3 graphs, you will add one trendline for each one (or as many new series as you want). I'm pasting the changed code as I don't know how to do diffs :) Hope its ok. jquery.flot.js (v 0.6) hooks = { processOptions: [], ++ processParsedData: [], processRawData: [], processDatapoints: [], draw: [], bindEvents: [], drawOverlay: [] }, -------- function parseData(d) { var res = []; for (var i = 0; i < d.length; ++i) { var s = $.extend(true, {}, options.series); if (d[i].data) { s.data = d[i].data; // move the data instead of deep-copy delete d[i].data; $.extend(true, s, d[i]); d[i].data = s.data; } else { s.data = d[i]; } res.push(s); ++ executeHooks(hooks.processParsedData, [res, s.data]); } return res; } And I'll attach my trendline plugin. BTW I know there's a patch for trendlines, but I really think its nice to be able to add new series on-the-fly with plugins. Let me know what you think. Dec 03, 2009 issue 269 (Memory Leak with IE/excanvas flot 0.6) commented on by bensprachman - I extracted a test case that has the minimum amount of code to display the problem. I even have included links to the AJAX server files to get the live data in the hope that someone will look into this. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Flot Test Graph</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--[if IE]><script language="javascript" type="text/javascript" src="lib/excanvas.min.js"></script><![endif]--> <script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="lib/jquery.flot.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var plotRendered =false; var plotdata; $.getJSON ('http://vbbtech.com/test/createTestChart.php','samples=700&freq=sec&', function(json) { plotdata = [ {yaxis :1, data: json}]; $.plot($("#flottest"), plotdata ); plotRendered = true; }); setInterval ( function() { if (!plotRendered) return; $.getJSON('http://vbbtech.com/test/getLiveData.php',function (json) { plotdata[0].data.shift(); plotdata[0].data.push(json); // This causes memory leak in IE $.plot($("#flottest"), plotdata ); }); },1000); }); </script> </head> <body> <div id ="flottest" style="width:800px; height:400px"></div> </body> </html> I extracted a test case that has the minimum amount of code to display the problem. I even have included links to the AJAX server files to get the live data in the hope that someone will look into this. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Flot Test Graph</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--[if IE]><script language="javascript" type="text/javascript" src="lib/excanvas.min.js"></script><![endif]--> <script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="lib/jquery.flot.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var plotRendered =false; var plotdata; $.getJSON ('http://vbbtech.com/test/createTestChart.php','samples=700&freq=sec&', function(json) { plotdata = [ {yaxis :1, data: json}]; $.plot($("#flottest"), plotdata ); plotRendered = true; }); setInterval ( function() { if (!plotRendered) return; $.getJSON('http://vbbtech.com/test/getLiveData.php',function (json) { plotdata[0].data.shift(); plotdata[0].data.push(json); // This causes memory leak in IE $.plot($("#flottest"), plotdata ); }); },1000); }); </script> </head> <body> <div id ="flottest" style="width:800px; height:400px"></div> </body> </html> Dec 03, 2009 issue 177 (bottom of bar will allways default to 0) commented on by robertlnewman - Aha - my bad. I grabbed the latest source (rev 228) and all appears to be resolved. Thanks! Aha - my bad. I grabbed the latest source (rev 228) and all appears to be resolved. Thanks!

issue 270 (Added hook to be able to add new graphs with the given serie...) reported by ricardoe - Hi, My name is Ricardo, I'm using your very good Flot code to display some simple graphs, but then I got a request to implement trendlines. At first it wasn't difficult to add it in my own codes. But then I started thinking about putting that into a Flot plugin. But while I was working on it I realized there's no hook that lets you add series to the graphs, let me explain: Imagine I pass a series to Flot like: [[0,0],[1,1],[2,2]] Now what I want to do is to add a NEW line using *somehow* this first series. In this case I wanted to add the trendline, so I realized that the hooks doesn't allow you to ADD series to a graph. What I did is to add a new hook "processParsedData" that fires at the end of the loop of parseData function (line 253 of flot 0.6), that hook receives (plot, series, data): -plot doesn't need explanation -series is the array of series of each graph (in this case I got [[[0,0],[1,1],[2,2]]]) -data is the current serie iterating to the hook. So this allow me to develop a plugin that will be triggered for each explicit given series to the graph, in case you have 3 graphs, you will add one trendline for each one (or as many new series as you want). I'm pasting the changed code as I don't know how to do diffs :) Hope its ok. jquery.flot.js (v 0.6) hooks = { processOptions: [], ++ processParsedData: [], processRawData: [], processDatapoints: [], draw: [], bindEvents: [], drawOverlay: [] }, -------- function parseData(d) { var res = []; for (var i = 0; i < d.length; ++i) { var s = $.extend(true, {}, options.series); if (d[i].data) { s.data = d[i].data; // move the data instead of deep-copy delete d[i].data; $.extend(true, s, d[i]); d[i].data = s.data; } else { s.data = d[i]; } res.push(s); ++ executeHooks(hooks.processParsedData, [res, s.data]); } return res; } And I'll attach my trendline plugin. BTW I know there's a patch for trendlines, but I really think its nice to be able to add new series on-the-fly with plugins. Let me know what you think.

Hi, My name is Ricardo, I'm using your very good Flot code to display some simple graphs, but then I got a request to implement trendlines. At first it wasn't difficult to add it in my own codes. But then I started thinking about putting that into a Flot plugin. But while I was working on it I realized there's no hook that lets you add series to the graphs, let me explain: Imagine I pass a series to Flot like: [[0,0],[1,1],[2,2]] Now what I want to do is to add a NEW line using *somehow* this first series. In this case I wanted to add the trendline, so I realized that the hooks doesn't allow you to ADD series to a graph. What I did is to add a new hook "processParsedData" that fires at the end of the loop of parseData function (line 253 of flot 0.6), that hook receives (plot, series, data): -plot doesn't need explanation -series is the array of series of each graph (in this case I got [[[0,0],[1,1],[2,2]]]) -data is the current serie iterating to the hook. So this allow me to develop a plugin that will be triggered for each explicit given series to the graph, in case you have 3 graphs, you will add one trendline for each one (or as many new series as you want). I'm pasting the changed code as I don't know how to do diffs :) Hope its ok. jquery.flot.js (v 0.6) hooks = { processOptions: [], ++ processParsedData: [], processRawData: [], processDatapoints: [], draw: [], bindEvents: [], drawOverlay: [] }, -------- function parseData(d) { var res = []; for (var i = 0; i < d.length; ++i) { var s = $.extend(true, {}, options.series); if (d[i].data) { s.data = d[i].data; // move the data instead of deep-copy delete d[i].data; $.extend(true, s, d[i]); d[i].data = s.data; } else { s.data = d[i]; } res.push(s); ++ executeHooks(hooks.processParsedData, [res, s.data]); } return res; } And I'll attach my trendline plugin. BTW I know there's a patch for trendlines, but I really think its nice to be able to add new series on-the-fly with plugins. Let me know what you think.

Today

Last 7 days

Last 30 days