JQuery Flot: clear graph

jquery graph flot
deostroll picture deostroll · Oct 7, 2009 · Viewed 11.8k times · Source

Is there a recommended way to clear a jQuery Flot graph? I couldn't find anything the in the API reference.

Answer

Matt Ball picture Matt Ball · Oct 7, 2009

By "clear" do you mean "nuke the entire graph," or just clear the data?

To nuke the entire graph: $('#canvas_id').empty();

To clear the data, just call the usual $.plot(placeholder, data, options); where data is empty.

Related questions

How to save a jQuery FLOT Graph to a .png or other image format?

I'm using a plugin for Jquery called FLOT http://code.google.com/p/flot/ Once the graph is rendered I want the client to be able to save the graph to a file for later. Any idea on how this …

Read More
flot display the date in flot based on timestamp

Does anyone know how to display the date in flot based on timestamp <script id="source" language="javascript" type="text/javascript"> $(function () { var d1 = [ [1262818800,100],[1262732400,100],[1262646000,100],[1262559600,100],[1262473200,100],[1262386800,100],[1262300400,100],[1262214000,100],[1262127600,100],[1262041200,100],[1261954800,100],[1261868400,100],[1261782000,100],[1261695600,100],[1261609200,100],[1261522800,95],[1261436400,110],[1261350000,110],[1261263600,110],[1261177200,100]; var d2 = [ [1262818800,23],[1262732400,23],[1262646000,23],[1262559600,23],[1262473200,23],[1262386800,23],[1262300400,25],[1262214000,25],[1262127600,25],[1262041200,25],[1261954800,25],[1261868400,25],[1261782000,25],[1261695600,25],[1261609200,25],[1261522800,25],[1261436400,10],[1261350000,10],[1261263600,10],[1261177200,10] $.plot($("#placeholder"), [{data:d1,lines:{show: true},label:"Mountain"},{data:d2,lines:{…

Read More
Title for x and y axis in Flot graph

Is it possible to show title for x and y axis in flot graph? Following is the code: $.plot($("#placeholder_1w"), [d], { series: { lines: { show: true, fill: false, fillColor: "red" }, points: { show: true, fill: true,fillColor: "red" } }, grid: { hoverable: true, …

Read More