flot

I am currently working on a Flot graph, the API which seems pretty powerful overall, although examples of advanced use are not widely documented. The API suggests there are ways to set hoverable on the graph, not that I am sure what exactly that means I can do with it. I would like to know if anyone could contribute some examples that they have come across, or code for that matter, which demonstrate examples of any of the following: Dynamic tooltips triggered by hover over events on Flot chart elements Tick tooltips (hovering over the xaxis shows detail) Any kind of hover over / dynamic event

Consider the following code sample donut chart using jquery-flot , now as i have added the 'image' class on click of the donut, i want to dynamically add the degree in the 'image' class so that the clicked item will be facing down at the bottom ( like on the -ve side of the y-axis ).` var data = [{ label: "Pause", data: 150 }, { label: "No Pause", data: 100 }, { label: "yes Pause", data: 80 }, { label: "Sleeping", data: 250 }]; var options = { series: { pie: { show: true, innerRadius: 0.5, radius: 1, startAngle: 1, } }, grid: { hoverable: true, clickable: true }, legend: { show: false },

The xaxis in my flot line charts can take an array of data up to but no more than 16 in length. The problem is when my data is less than 16, the x axis is spreading out to show the maximum value of whatever the length of the data array is. Even if my data is say 4 in length, i'd still like to show 16 points on the xaxis. I have tried various configs and nothing seems to be working :( http://www.discussthemarket.com/ratings/ The graphs lower down have an x axis greater than the graphs nearer the top which have fewer items in the data. I'd like to consistently apply a fixed length of 16 to the x

I have a display I implemented to a single chart and wan to extend the solution so that 3 charts will have same properties. specifically: I want to enable selection zooming + double click to reset the display I want the legend of the series will be clickable so that the series will turn on/off with each click. I was successfully able to implement them based on previous posts Here's a fiddle with 3 chart in a single page Here's my original code (written in coffeescript): colorArray = [] colorArray.push "rgba(180, 0, 75, 0.6)" colorArray.push "rgba(0, 150, 100, 0.6)" colorArray.push "rgba(0, 0,

I'm using jquery.flot.barnumbers.js plugin for the Javascript plotting (charts) library for jQuery to show the numbers on the bars. My code: $.plot("#placeholderByDay", [ { data: DataOne, label: "Total Calls", bars: { numbers:{ show:true, xAlign: 80,//align top yAlign: 1 //yAlign: function(y) { return y+ 1; } //upside of bars } } ]); What I get now is: What I need is: So when there is no data for a bar, the zeros should be just above the axis, and where there are values should be as is, both rotated let 90 degrees. How can I achieve this? Mark Oops, I did it again . If you'd like to drop the