Convert flot to image

[rocioc...@gmail.com]

Hi all!!

Someone knows how to convert the flot graphs to an image?

Thanks a lot.

PD: Sorry for my bad english.

[Jonathan Leto]

Howdy,

Currently, to my knowledge, it is not possible to directly export Flot
graphs as images, they are interactive javascript "widgets" sitting on
the page, they are not PNGs/etc.

If someone has any ideas about how this could be accomplished, speak up!

Cheers,

--
[---------------------]
Jonathan Leto
jal...@gmail.com

[kingofthelowend]

I am VERY interested in this feature as well!

On Dec 4 2008, 12:12 pm, "Jonathan Leto" <jal...@gmail.com> wrote:
> Howdy,
>
> Currently, to my knowledge, it is not possible to directly export Flot
> graphs as images, they are interactive javascript "widgets" sitting on
> the page, they are not PNGs/etc.
>
> If someone has any ideas about how this could be accomplished, speak up!
>
> Cheers,
>

> On Wed, Dec 3, 2008 at 4:52 AM, rociocoba...@gmail.com

[Anthony Ettinger]

Me too, although more from an academic point of view -- I don't really
need it, but if it were possible... :)

--
Anthony Ettinger
408-656-2473
http://anthony.ettinger.name

[Fabien]

Hello, I know it is possible, I did it with Flotr (http://
code.google.com/p/flotr/). Don't think I want to promote this library
here, if you want to get inspiration from it, you are free to : Flotr
was inspired from Flot ;)
The only problem is that it will never work on Internet Explorer until
it supports natively the <canvas> tag (and it won't in IE8 :'( )

[Carl Crowder]

I was looking into that myself. Check out "canvas to image":

http://www.nihilogic.dk/labs/canvas2image/

I haven't tried it yet but it looks promising

Carl

[Fabien]

In fact, I'm using an improved version of this library in Flotr. It is
a little faster and makes 32bit bitmaps (with alpha) instead of 24
bits. I'll try to give this new version to the original author.

[1000i1]

Canvas2Image works great, but it doesn't display the axis values. So
in my case it's useless. Anyone knows how to display axis info when
exporting to image?

[Fabien]

Axis info must be drawn into the canvas area. This can be done in a
few browsers (It is supported in Firefox 3.1 and Webkit nightly
builds, like in Chrom[e|ium] 2.0). The text must then be drawn using
another method, because IE, Firefox 3.0 and others don't support it.
Search "canvastext" in Google and you'll find some of them.

[tfischer]

Could you help me get this to work? Could I see your code?

My flot graph is up and I originally used div tags. If I use canvas
tags then the plot disappears. My save image is basic:
window.onload = function() {
var oCanvas = document.getElementById("placeholder");
var strDataURI = oCanvas.toDataURI("placeholder");
}

Please help.

[Benjamin]

If it can help ...

I use another method, with a great advantage : It work with all
browser.

In fact I use a software that convert html page into image (juste
search html2image on google)

Here are the steps :

->Step 1 : Install html2image and run the nweb server
->Step 2 : create a page html page with only the graphe (javascript +
html)
->Step 3 : create a link "download image" that call the nweb server
with the url in argument. The soft will generate an image on the hard
drive
->Step 4 : return the new image to the browser

that's all

[tfischer]

$300 is a little steep to put on a server for one site.

[Benjamin]

I think ther is not only one soft to do it and it's a good way to
explore.

Maybe it's possible to do it with Qt and webkit ...

[Fabien]

I think a way to explore would be a Java Applet that would make a
screenshot of a part of the screen.
Or use the toDataUrl when available (everything except IE)