On Tuesday, April 12, 2011 at 10:24 PM, Corey Taylor wrote:
> Hi Chris.

> Are there future plans to give the ability to output to external files to JQPlot?

> Thanks.

> Corey.
>  --
>  You received this message because you are subscribed to the Google Groups "jqplot-users" group.
>  To post to this group, send email to jqplot-users@googlegroups.com.
>  To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
>  For more options, visit this group at http://groups.google.com/group/jqplot-users?hl=en.

> Hi Chris.

> Are there future plans to give the ability to output to external files to
> JQPlot?

> Thanks.

> Corey.

On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> //get the image data from the canvas
> var imageData = canvas.toDataURL("image/png");

> See also http://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > Hi Chris.

> > Are there future plans to give the ability to output to external files to
> > JQPlot?

> > Thanks.

> > Corey.

> --
> You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> To post to this group, send email to jqplot-users@googlegroups.com.
> To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/jqplot-users?hl=en.

> //get the image data from the canvas
> var imageData = canvas.toDataURL("image/png");

> This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a complete image of a plot. A number of details to take care of.

> If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> --
> Chris Leonellohttp://www.jqplot.com

> On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > //get the image data from the canvas
> > var imageData = canvas.toDataURL("image/png");

> > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > Hi Chris.

> > > Are there future plans to give the ability to output to external files to
> > > JQPlot?

> > > Thanks.

> > > Corey.

> > --
> > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > To post to this group, send email to jqplot-users@googlegroups.com.
> > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

> This is my code:

> functioncanvasToImage(canvas,backgroundColor)
>     {

>         //cache height and width
>         var w = canvas[0].width;
>         var h = canvas[0].height;

>         j("#tempcanvas").attr('width',w).attr('height',h);
>         var newCanvas = j("#tempcanvas")[0];
>         var newContext = newCanvas.getContext("2d");

>         newContext.clearRect(0,0,w,h);
>         var allData = newContext.getImageData(0, 0, w, h);

>         j(canvas).each(function(){
>             var context = j(this)[0].getContext("2d");
>             var imageData = context.getImageData(0, 0, w, h);

>             var pixels = 4 * w * h;
>             while (pixels--) {
>                 allData.data[pixels] = allData.data[pixels] +
> imageData.data[pixels];
>             }
>         });

>         newContext.putImageData(allData, 0,0);

>         newContext.globalCompositeOperation = "destination-over";
>         newContext.fillStyle = backgroundColor;
>         newContext.fillRect(0,0,w,h);

>        //get the image data from the canvas
>        var imageData = newCanvas.toDataURL("image/png");
>        //return the Base64 encoded data url string
>        return imageData;
>     }

> var canvas = j(".jqplot-series-canvas");
> var data =canvasToImage(canvas,"#ffffff");

> -------

> This "data" you can send to server and save in image file. After that
> on the server side you can generate PDF with this image. For generate
> PDF you can usehttp://www.tcpdf.org/ (PHP).

> On Apr 14, 2:24 am, Chris Leonello <jqplot-us...@jqplot.com> wrote:

> > //get the image data from the canvas
> > var imageData = canvas.toDataURL("image/png");

> > This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a complete image of a plot. A number of details to take care of.

> > If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> > --
> > Chris Leonellohttp://www.jqplot.com

> > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > //get the image data from the canvas
> > > var imageData = canvas.toDataURL("image/png");

> > > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > > Hi Chris.

> > > > Are there future plans to give the ability to output to external files to
> > > > JQPlot?

> > > > Thanks.

> > > > Corey.

> > > --
> > > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > > To post to this group, send email to jqplot-users@googlegroups.com.
> > > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

> @golubev, thank you!  This is exactly what I was looking for!

> It almost works for me, but not quite.  In the resulting PNG, I can
> see the grid lines, and the axis, but no plot lines and no labels of
> any sort.  I wonder if the problem is that the new graphic context
> does not have high enough resolution so nothing comes out clearly.
> Would you know how to overcome this?

> On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > This is my code:

> > functioncanvasToImage(canvas,backgroundColor)
> >     {

> >         //cache height and width
> >         var w = canvas[0].width;
> >         var h = canvas[0].height;

> >         j("#tempcanvas").attr('width',w).attr('height',h);
> >         var newCanvas = j("#tempcanvas")[0];
> >         var newContext = newCanvas.getContext("2d");

> >         newContext.clearRect(0,0,w,h);
> >         var allData = newContext.getImageData(0, 0, w, h);

> >         j(canvas).each(function(){
> >             var context = j(this)[0].getContext("2d");
> >             var imageData = context.getImageData(0, 0, w, h);

> >             var pixels = 4 * w * h;
> >             while (pixels--) {
> >                 allData.data[pixels] = allData.data[pixels] +
> > imageData.data[pixels];
> >             }
> >         });

> >         newContext.putImageData(allData, 0,0);

> >         newContext.globalCompositeOperation = "destination-over";
> >         newContext.fillStyle = backgroundColor;
> >         newContext.fillRect(0,0,w,h);

> >        //get the image data from the canvas
> >        var imageData = newCanvas.toDataURL("image/png");
> >        //return the Base64 encoded data url string
> >        return imageData;
> >     }

> > var canvas = j(".jqplot-series-canvas");
> > var data =canvasToImage(canvas,"#ffffff");

> > -------

> > This "data" you can send to server and save in image file. After that
> > on the server side you can generate PDF with this image. For generate
> > PDF you can usehttp://www.tcpdf.org/ (PHP).

> > On Apr 14, 2:24 am, Chris Leonello <jqplot-us...@jqplot.com> wrote:

> > > //get the image data from the canvas
> > > var imageData = canvas.toDataURL("image/png");

> > > This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a complete image of a plot. A number of details to take care of.

> > > If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> > > --
> > > Chris Leonellohttp://www.jqplot.com

> > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > //get the image data from the canvas
> > > > var imageData = canvas.toDataURL("image/png");

> > > > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > > > Hi Chris.

> > > > > Are there future plans to give the ability to output to external files to
> > > > > JQPlot?

> > > > > Thanks.

> > > > > Corey.

> > > > --
> > > > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > > > To post to this group, send email to jqplot-users@googlegroups.com.
> > > > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > > > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

> FWIW, made a few "improvements":http://pastie.org/1913434 But still
> getting nothing but the bare gridlines.

> On May 16, 6:42 pm, lsiden <lsi...@gmail.com> wrote:

> > @golubev, thank you!  This is exactly what I was looking for!

> > It almost works for me, but not quite.  In the resultingPNG, I can
> > see the grid lines, and the axis, but no plot lines and no labels of
> > any sort.  I wonder if the problem is that the new graphic context
> > does not have high enough resolution so nothing comes out clearly.
> > Would you know how to overcome this?

> > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > This is my code:

> > > functioncanvasToImage(canvas,backgroundColor)
> > >     {

> > >         //cache height and width
> > >         var w = canvas[0].width;
> > >         var h = canvas[0].height;

> > >         j("#tempcanvas").attr('width',w).attr('height',h);
> > >         var newCanvas = j("#tempcanvas")[0];
> > >         var newContext = newCanvas.getContext("2d");

> > >         newContext.clearRect(0,0,w,h);
> > >         var allData = newContext.getImageData(0, 0, w, h);

> > >         j(canvas).each(function(){
> > >             var context = j(this)[0].getContext("2d");
> > >             var imageData = context.getImageData(0, 0, w, h);

> > >             var pixels = 4 * w * h;
> > >             while (pixels--) {
> > >                 allData.data[pixels] = allData.data[pixels] +
> > > imageData.data[pixels];
> > >             }
> > >         });

> > >         newContext.putImageData(allData, 0,0);

> > >         newContext.globalCompositeOperation = "destination-over";
> > >         newContext.fillStyle = backgroundColor;
> > >         newContext.fillRect(0,0,w,h);

> > >        //get the image data from the canvas
> > >        var imageData = newCanvas.toDataURL("image/png");
> > >        //return the Base64 encoded data url string
> > >        return imageData;
> > >     }

> > > var canvas = j(".jqplot-series-canvas");
> > > var data =canvasToImage(canvas,"#ffffff");

> > > -------

> > > This "data" you can send to server and save in image file. After that
> > > on the server side you can generate PDF with this image. For generate
> > > PDF you can usehttp://www.tcpdf.org/ (PHP).

> > > On Apr 14, 2:24 am, Chris Leonello <jqplot-us...@jqplot.com> wrote:

> > > > //get the image data from the canvas
> > > > var imageData = canvas.toDataURL("image/png");

> > > > This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a complete image of a plot. A number of details to take care of.

> > > > If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> > > > --
> > > > Chris Leonellohttp://www.jqplot.com

> > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > > //get the image data from the canvas
> > > > > var imageData = canvas.toDataURL("image/png");

> > > > > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > > > > Hi Chris.

> > > > > > Are there future plans to give the ability to output to external files to
> > > > > > JQPlot?

> > > > > > Thanks.

> > > > > > Corey.

> > > > > --
> > > > > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > > > > To post to this group, send email to jqplot-users@googlegroups.com.
> > > > > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > > > > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

> My client, a major telecom company, wants me to provide a way to
> extract a plot as aPNG.  Since they will pay me to do it, I would
> like to propose that I do this as a plug-in.  Chris, what are the main
> "gotchas" or obstacles to doing this that you are already aware of?
> On my first attempt using @golubev's proposed code (see my
> "pastie.org" link above), I found that the main problem was how to
> merge the multiple canvases (one of my plots has over 50!) into a
> single canvas without obscuring anything.  I think that the addition
> operator is too crude.  Perhaps I need to try a bit-wise 'or'
> operator.

> The non-canvas div elements are a separate issue that I believe can be
> handled.

> On May 16, 7:00 pm, lsiden <lsi...@gmail.com> wrote:

> > FWIW, made a few "improvements":http://pastie.org/1913434 But still
> > getting nothing but the bare gridlines.

> > On May 16, 6:42 pm, lsiden <lsi...@gmail.com> wrote:

> > > @golubev, thank you!  This is exactly what I was looking for!

> > > It almost works for me, but not quite.  In the resultingPNG, I can
> > > see the grid lines, and the axis, but no plot lines and no labels of
> > > any sort.  I wonder if the problem is that the new graphic context
> > > does not have high enough resolution so nothing comes out clearly.
> > > Would you know how to overcome this?

> > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > This is my code:

> > > > functioncanvasToImage(canvas,backgroundColor)
> > > >     {

> > > >         //cache height and width
> > > >         var w = canvas[0].width;
> > > >         var h = canvas[0].height;

> > > >         j("#tempcanvas").attr('width',w).attr('height',h);
> > > >         var newCanvas = j("#tempcanvas")[0];
> > > >         var newContext = newCanvas.getContext("2d");

> > > >         newContext.clearRect(0,0,w,h);
> > > >         var allData = newContext.getImageData(0, 0, w, h);

> > > >         j(canvas).each(function(){
> > > >             var context = j(this)[0].getContext("2d");
> > > >             var imageData = context.getImageData(0, 0, w, h);

> > > >             var pixels = 4 * w * h;
> > > >             while (pixels--) {
> > > >                 allData.data[pixels] = allData.data[pixels] +
> > > > imageData.data[pixels];
> > > >             }
> > > >         });

> > > >         newContext.putImageData(allData, 0,0);

> > > >         newContext.globalCompositeOperation = "destination-over";
> > > >         newContext.fillStyle = backgroundColor;
> > > >         newContext.fillRect(0,0,w,h);

> > > >        //get the image data from the canvas
> > > >        var imageData = newCanvas.toDataURL("image/png");
> > > >        //return the Base64 encoded data url string
> > > >        return imageData;
> > > >     }

> > > > var canvas = j(".jqplot-series-canvas");
> > > > var data =canvasToImage(canvas,"#ffffff");

> > > > -------

> > > > This "data" you can send to server and save in image file. After that
> > > > on the server side you can generate PDF with this image. For generate
> > > > PDF you can usehttp://www.tcpdf.org/ (PHP).

> > > > On Apr 14, 2:24 am, Chris Leonello <jqplot-us...@jqplot.com> wrote:

> > > > > //get the image data from the canvas
> > > > > var imageData = canvas.toDataURL("image/png");

> > > > > This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a complete image of a plot. A number of details to take care of.

> > > > > If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> > > > > --
> > > > > Chris Leonellohttp://www.jqplot.com

> > > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > > > //get the image data from the canvas
> > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > > > > > Hi Chris.

> > > > > > > Are there future plans to give the ability to output to external files to
> > > > > > > JQPlot?

> > > > > > > Thanks.

> > > > > > > Corey.

> > > > > > --
> > > > > > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > > > > > To post to this group, send email to jqplot-users@googlegroups.com.
> > > > > > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > > > > > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

> Bit-wise 'or' is no better than '+' at combining the multiple
> canvases, but using '^' (xor), I was at least able to get some
> outlines of the plot lines (edges only).  I think that the trick here
> is figuring out and emulating how the browser displays these multiple
> canvases in the page.

> On May 19, 6:40 pm, lsiden <lsi...@gmail.com> wrote:

> > My client, a major telecom company, wants me to provide a way to
> > extract a plot as aPNG.  Since they will pay me to do it, I would
> > like to propose that I do this as a plug-in.  Chris, what are the main
> > "gotchas" or obstacles to doing this that you are already aware of?
> > On my first attempt using @golubev's proposed code (see my
> > "pastie.org" link above), I found that the main problem was how to
> > merge the multiple canvases (one of my plots has over 50!) into a
> > single canvas without obscuring anything.  I think that the addition
> > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > operator.

> > The non-canvas div elements are a separate issue that I believe can be
> > handled.

> > On May 16, 7:00 pm, lsiden <lsi...@gmail.com> wrote:

> > > FWIW, made a few "improvements":http://pastie.org/1913434 But still
> > > getting nothing but the bare gridlines.

> > > On May 16, 6:42 pm, lsiden <lsi...@gmail.com> wrote:

> > > > @golubev, thank you!  This is exactly what I was looking for!

> > > > It almost works for me, but not quite.  In the resultingPNG, I can
> > > > see the grid lines, and the axis, but no plot lines and no labels of
> > > > any sort.  I wonder if the problem is that the new graphic context
> > > > does not have high enough resolution so nothing comes out clearly.
> > > > Would you know how to overcome this?

> > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > This is my code:

> > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > >     {

> > > > >         //cache height and width
> > > > >         var w = canvas[0].width;
> > > > >         var h = canvas[0].height;

> > > > >         j("#tempcanvas").attr('width',w).attr('height',h);
> > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > >         var newContext = newCanvas.getContext("2d");

> > > > >         newContext.clearRect(0,0,w,h);
> > > > >         var allData = newContext.getImageData(0, 0, w, h);

> > > > >         j(canvas).each(function(){
> > > > >             var context = j(this)[0].getContext("2d");
> > > > >             var imageData = context.getImageData(0, 0, w, h);

> > > > >             var pixels = 4 * w * h;
> > > > >             while (pixels--) {
> > > > >                 allData.data[pixels] = allData.data[pixels] +
> > > > > imageData.data[pixels];
> > > > >             }
> > > > >         });

> > > > >         newContext.putImageData(allData, 0,0);

> > > > >         newContext.globalCompositeOperation = "destination-over";
> > > > >         newContext.fillStyle = backgroundColor;
> > > > >         newContext.fillRect(0,0,w,h);

> > > > >        //get the image data from the canvas
> > > > >        var imageData = newCanvas.toDataURL("image/png");
> > > > >        //return the Base64 encoded data url string
> > > > >        return imageData;
> > > > >     }

> > > > > var canvas = j(".jqplot-series-canvas");
> > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > -------

> > > > > This "data" you can send to server and save in image file. After that
> > > > > on the server side you can generate PDF with this image. For generate
> > > > > PDF you can usehttp://www.tcpdf.org/ (PHP).

> > > > > On Apr 14, 2:24 am, Chris Leonello <jqplot-us...@jqplot.com> wrote:

> > > > > > //get the image data from the canvas
> > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a complete image of a plot. A number of details to take care of.

> > > > > > If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> > > > > > --
> > > > > > Chris Leonellohttp://www.jqplot.com

> > > > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > > > > //get the image data from the canvas
> > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > > > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > > > > > > Hi Chris.

> > > > > > > > Are there future plans to give the ability to output to external files to
> > > > > > > > JQPlot?

> > > > > > > > Thanks.

> > > > > > > > Corey.

> > > > > > > --
> > > > > > > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > > > > > > To post to this group, send email to jqplot-users@googlegroups.com.
> > > > > > > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > > > > > > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

> OMG! - It's much easier than I thought!!!:

> http://pastie.org/1929353

> Then, "window.open($('#myCanvas').canvasToImage());"

> On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > Bit-wise 'or' is no better than '+' at combining the multiple
> > canvases, but using '^' (xor), I was at least able to get some
> > outlines of the plot lines (edges only).  I think that the trick here
> > is figuring out and emulating how the browser displays these multiple
> > canvases in the page.

> > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > My client, a major telecom company, wants me to provide a way to
> > > extract a plot as aPNG.  Since they will pay me to do it, I would
> > > like to propose that I do this as a plug-in.  Chris, what are the main
> > > "gotchas" or obstacles to doing this that you are already aware of?
> > > On my first attempt using @golubev's proposed code (see my
> > > "pastie.org" link above), I found that the main problem was how to
> > > merge the multiple canvases (one of my plots has over 50!) into a
> > > single canvas without obscuring anything.  I think that the addition
> > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > operator.

> > > The non-canvas div elements are a separate issue that I believe can be
> > > handled.

> > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > FWIW, made a few "improvements":http://pastie.org/1913434 But still
> > > > getting nothing but the bare gridlines.

> > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > @golubev, thank you!  This is exactly what I was looking for!

> > > > > It almost works for me, but not quite.  In the resultingPNG, I can
> > > > > see the grid lines, and the axis, but no plot lines and no labels of
> > > > > any sort.  I wonder if the problem is that the new graphic context
> > > > > does not have high enough resolution so nothing comes out clearly.
> > > > > Would you know how to overcome this?

> > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > This is my code:

> > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > >     {

> > > > > >         //cache height and width
> > > > > >         var w = canvas[0].width;
> > > > > >         var h = canvas[0].height;

> > > > > >         j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > >         newContext.clearRect(0,0,w,h);
> > > > > >         var allData = newContext.getImageData(0, 0, w, h);

> > > > > >         j(canvas).each(function(){
> > > > > >             var context = j(this)[0].getContext("2d");
> > > > > >             var imageData = context.getImageData(0, 0, w, h);

> > > > > >             var pixels = 4 * w * h;
> > > > > >             while (pixels--) {
> > > > > >                 allData.data[pixels] = allData.data[pixels] +
> > > > > > imageData.data[pixels];
> > > > > >             }
> > > > > >         });

> > > > > >         newContext.putImageData(allData, 0,0);

> > > > > >         newContext.globalCompositeOperation = "destination-over";
> > > > > >         newContext.fillStyle = backgroundColor;
> > > > > >         newContext.fillRect(0,0,w,h);

> > > > > >        //get the image data from the canvas
> > > > > >        var imageData = newCanvas.toDataURL("image/png");
> > > > > >        //return the Base64 encoded data url string
> > > > > >        return imageData;
> > > > > >     }

> > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > -------

> > > > > > This "data" you can send to server and save in image file. After that
> > > > > > on the server side you can generate PDF with this image. For generate
> > > > > > PDF you can usehttp://www.tcpdf.org/ (PHP).

> > > > > > On Apr 14, 2:24 am, Chris Leonello <jqplot-us...@jqplot.com> wrote:

> > > > > > > //get the image data from the canvas
> > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a complete image of a plot. A number of details to take care of.

> > > > > > > If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> > > > > > > --
> > > > > > > Chris Leonellohttp://www.jqplot.com

> > > > > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > > > > > //get the image data from the canvas
> > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > > > > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > > > > > > > Hi Chris.

> > > > > > > > > Are there future plans to give the ability to output to external files to
> > > > > > > > > JQPlot?

> > > > > > > > > Thanks.

> > > > > > > > > Corey.

> > > > > > > > --
> > > > > > > > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > > > > > > > To post to this group, send email to jqplot-users@googlegroups.com.
> > > > > > > > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > > > > > > > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

> I have some code (https://github.com/lsiden/export-jqplot-to-png) that
> successfully exports a series of jqplot canvases and divs to a PNG,
> preserving fonts.  I did it as a jQuery extension, so the usage is

>       var img = $('#chartdiv').jqplotToImage(50, 0);
>       if (img) {
>         open(img.toDataURL("image/png"));
>       }

> The arguments (50, 0) are x and y offsets.  I found this necessary
> because on my plot, the labels on the x-axis are rotated and the first
> one was getting clipped by the edge of the drawing canvas while
> exporting.  So I needed a way to tell it to move everything over by an
> offset in order to accomodate the part of the label that would
> otherwise get clipped.'

> Here is a blog post for details:http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-...

> On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > OMG! - It's much easier than I thought!!!:

> >http://pastie.org/1929353

> > Then, "window.open($('#myCanvas').canvasToImage());"

> > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > canvases, but using '^' (xor), I was at least able to get some
> > > outlines of the plot lines (edges only).  I think that the trick here
> > > is figuring out and emulating how the browser displays these multiple
> > > canvases in the page.

> > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > My client, a major telecom company, wants me to provide a way to
> > > > extract a plot as aPNG.  Since they will pay me to do it, I would
> > > > like to propose that I do this as a plug-in.  Chris, what are the main
> > > > "gotchas" or obstacles to doing this that you are already aware of?
> > > > On my first attempt using @golubev's proposed code (see my
> > > > "pastie.org" link above), I found that the main problem was how to
> > > > merge the multiple canvases (one of my plots has over 50!) into a
> > > > single canvas without obscuring anything.  I think that the addition
> > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > operator.

> > > > The non-canvas div elements are a separate issue that I believe can be
> > > > handled.

> > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > FWIW, made a few "improvements":http://pastie.org/1913434 But still
> > > > > getting nothing but the bare gridlines.

> > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > @golubev, thank you!  This is exactly what I was looking for!

> > > > > > It almost works for me, but not quite.  In the resultingPNG, I can
> > > > > > see the grid lines, and the axis, but no plot lines and no labels of
> > > > > > any sort.  I wonder if the problem is that the new graphic context
> > > > > > does not have high enough resolution so nothing comes out clearly.
> > > > > > Would you know how to overcome this?

> > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > This is my code:

> > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > >     {

> > > > > > >         //cache height and width
> > > > > > >         var w = canvas[0].width;
> > > > > > >         var h = canvas[0].height;

> > > > > > >         j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > >         var allData = newContext.getImageData(0, 0, w, h);

> > > > > > >         j(canvas).each(function(){
> > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > >             var imageData = context.getImageData(0, 0, w, h);

> > > > > > >             var pixels = 4 * w * h;
> > > > > > >             while (pixels--) {
> > > > > > >                 allData.data[pixels] = allData.data[pixels] +
> > > > > > > imageData.data[pixels];
> > > > > > >             }
> > > > > > >         });

> > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > >         newContext.globalCompositeOperation = "destination-over";
> > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > >        //get the image data from the canvas
> > > > > > >        var imageData = newCanvas.toDataURL("image/png");
> > > > > > >        //return the Base64 encoded data url string
> > > > > > >        return imageData;
> > > > > > >     }

> > > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > > -------

> > > > > > > This "data" you can send to server and save in image file. After that
> > > > > > > on the server side you can generate PDF with this image. For generate
> > > > > > > PDF you can usehttp://www.tcpdf.org/ (PHP).

> > > > > > > On Apr 14, 2:24 am, Chris Leonello <jqplot-us...@jqplot.com> wrote:

> > > > > > > > //get the image data from the canvas
> > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a complete image of a plot. A number of details to take care of.

> > > > > > > > If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> > > > > > > > --
> > > > > > > > Chris Leonellohttp://www.jqplot.com

> > > > > > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > > > > > > //get the image data from the canvas
> > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > > > > > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > > > > > > > > Hi Chris.

> > > > > > > > > > Are there future plans to give the ability to output to external files to
> > > > > > > > > > JQPlot?

> > > > > > > > > > Thanks.

> > > > > > > > > > Corey.

> > > > > > > > > --
> > > > > > > > > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > > > > > > > > To post to this group, send email to jqplot-users@googlegroups.com.
> > > > > > > > > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > > > > > > > > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

});

> PS - I haven't tested this for any plots other than my own, so it may
> need refinement/further development to be useful to a wider
> community.  But I think its a good start or at least a reference for
> others who want to do the same.

> On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > I have some code (https://github.com/lsiden/export-jqplot-to-png) that
> > successfully exports a series of jqplot canvases and divs to a PNG,
> > preserving fonts.  I did it as a jQuery extension, so the usage is

> >       var img = $('#chartdiv').jqplotToImage(50, 0);
> >       if (img) {
> >         open(img.toDataURL("image/png"));
> >       }

> > The arguments (50, 0) are x and y offsets.  I found this necessary
> > because on my plot, the labels on the x-axis are rotated and the first
> > one was getting clipped by the edge of the drawing canvas while
> > exporting.  So I needed a way to tell it to move everything over by an
> > offset in order to accomodate the part of the label that would
> > otherwise get clipped.'

> > Here is a blog post for details:http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-...

> > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > OMG! - It's much easier than I thought!!!:

> > >http://pastie.org/1929353

> > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > canvases, but using '^' (xor), I was at least able to get some
> > > > outlines of the plot lines (edges only).  I think that the trick here
> > > > is figuring out and emulating how the browser displays these multiple
> > > > canvases in the page.

> > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > My client, a major telecom company, wants me to provide a way to
> > > > > extract a plot as aPNG.  Since they will pay me to do it, I would
> > > > > like to propose that I do this as a plug-in.  Chris, what are the main
> > > > > "gotchas" or obstacles to doing this that you are already aware of?
> > > > > On my first attempt using @golubev's proposed code (see my
> > > > > "pastie.org" link above), I found that the main problem was how to
> > > > > merge the multiple canvases (one of my plots has over 50!) into a
> > > > > single canvas without obscuring anything.  I think that the addition
> > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > operator.

> > > > > The non-canvas div elements are a separate issue that I believe can be
> > > > > handled.

> > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > FWIW, made a few "improvements":http://pastie.org/1913434 But still
> > > > > > getting nothing but the bare gridlines.

> > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > @golubev, thank you!  This is exactly what I was looking for!

> > > > > > > It almost works for me, but not quite.  In the resultingPNG, I can
> > > > > > > see the grid lines, and the axis, but no plot lines and no labels of
> > > > > > > any sort.  I wonder if the problem is that the new graphic context
> > > > > > > does not have high enough resolution so nothing comes out clearly.
> > > > > > > Would you know how to overcome this?

> > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > This is my code:

> > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > >     {

> > > > > > > >         //cache height and width
> > > > > > > >         var w = canvas[0].width;
> > > > > > > >         var h = canvas[0].height;

> > > > > > > >         j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > >         var allData = newContext.getImageData(0, 0, w, h);

> > > > > > > >         j(canvas).each(function(){
> > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > >             var imageData = context.getImageData(0, 0, w, h);

> > > > > > > >             var pixels = 4 * w * h;
> > > > > > > >             while (pixels--) {
> > > > > > > >                 allData.data[pixels] = allData.data[pixels] +
> > > > > > > > imageData.data[pixels];
> > > > > > > >             }
> > > > > > > >         });

> > > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > > >         newContext.globalCompositeOperation = "destination-over";
> > > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > > >        //get theimagedata from the canvas
> > > > > > > >        var imageData = newCanvas.toDataURL("image/png");
> > > > > > > >        //return the Base64 encoded data url string
> > > > > > > >        return imageData;
> > > > > > > >     }

> > > > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > > > -------

> > > > > > > > This "data" you can send to server and save inimagefile. After that
> > > > > > > > on the server side you can generate PDF with thisimage. For generate
> > > > > > > > PDF you can usehttp://www.tcpdf.org/ (PHP).

> > > > > > > > On Apr 14, 2:24 am, Chris Leonello <jqplot-us...@jqplot.com> wrote:

> > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > This is correct. Plots are composed of a number of canvases plus div elements and possibly table elements, though. They need to be positioned and collapsed or otherwise rendered into one canvas to get a completeimageof a plot. A number of details to take care of.

> > > > > > > > > If anyone has ideas on PDF generation (maybe through SVG conversion?), let me know.
> > > > > > > > > --
> > > > > > > > > Chris Leonellohttp://www.jqplot.com

> > > > > > > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > > See alsohttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > > > > > > On Apr 13, 6:24 am, Corey Taylor <cjt.newtranslat...@gmail.com> wrote:
> > > > > > > > > > > Hi Chris.

> > > > > > > > > > > Are there future plans to give the ability to output to external files to
> > > > > > > > > > > JQPlot?

> > > > > > > > > > > Thanks.

> > > > > > > > > > > Corey.

> > > > > > > > > > --
> > > > > > > > > > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > > > > > > > > > To post to this group, send email to jqplot-users@googlegroups.com.
> > > > > > > > > > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com.
> > > > > > > > > > For more options, visit this group athttp://groups.google.com/group/jqplot-users?hl=en.

On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> I get a blank image. I'm following your steps exactly. I even tweaked
> the parameters for jqplotToImage() but I always get a blank image :/
> Any ideas why?

> $("#exportPNG").click(function() {
>        var img = $('#chartdiv').jqplotToImage(50, 0);
>        if (img) {
>                open(img.toDataURL("image/png"));
>        }
> });

> Best regards!

> On 27 Maio, 18:31, lsiden <lsi...@gmail.com> wrote:
> > PS - I haven't tested this for any plots other than my own, so it may
> > need refinement/further development to be useful to a wider
> > community.  But I think its a good start or at least a reference for
> > others who want to do the same.

> > On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > > I have some code (https://github.com/lsiden/export-jqplot-to-png) that
> > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > >       if (img) {
> > >         open(img.toDataURL("image/png"));
> > >       }

> > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > because on my plot, the labels on the x-axis are rotated and the first
> > > one was getting clipped by the edge of the drawing canvas while
> > > exporting.  So I needed a way to tell it to move everything over by an
> > > offset in order to accomodate the part of the label that would
> > > otherwise get clipped.'

> > > Here is a blog post for details:
> http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-...

> > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > OMG! - It's much easier than I thought!!!:

> > > >http://pastie.org/1929353

> > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > outlines of the plot lines (edges only).  I think that the trick
> here
> > > > > is figuring out and emulating how the browser displays these
> multiple
> > > > > canvases in the page.

> > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > My client, a major telecom company, wants me to provide a way to
> > > > > > extract a plot as aPNG.  Since they will pay me to do it, I would
> > > > > > like to propose that I do this as a plug-in.  Chris, what are the
> main
> > > > > > "gotchas" or obstacles to doing this that you are already aware
> of?
> > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > "pastie.org" link above), I found that the main problem was how
> to
> > > > > > merge the multiple canvases (one of my plots has over 50!) into a
> > > > > > single canvas without obscuring anything.  I think that the
> addition
> > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > operator.

> > > > > > The non-canvas div elements are a separate issue that I believe
> can be
> > > > > > handled.

> > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > FWIW, made a few "improvements":http://pastie.org/1913434 But
> still
> > > > > > > getting nothing but the bare gridlines.

> > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > @golubev, thank you!  This is exactly what I was looking for!

> > > > > > > > It almost works for me, but not quite.  In the resultingPNG,
> I can
> > > > > > > > see the grid lines, and the axis, but no plot lines and no
> labels of
> > > > > > > > any sort.  I wonder if the problem is that the new graphic
> context
> > > > > > > > does not have high enough resolution so nothing comes out
> clearly.
> > > > > > > > Would you know how to overcome this?

> > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > This is my code:

> > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > >     {

> > > > > > > > >         //cache height and width
> > > > > > > > >         var w = canvas[0].width;
> > > > > > > > >         var h = canvas[0].height;

> > > > > > > > >         j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > > >         var allData = newContext.getImageData(0, 0, w, h);

> > > > > > > > >         j(canvas).each(function(){
> > > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > > >             var imageData = context.getImageData(0, 0, w,
> h);

> > > > > > > > >             var pixels = 4 * w * h;
> > > > > > > > >             while (pixels--) {
> > > > > > > > >                 allData.data[pixels] = allData.data[pixels]
> +
> > > > > > > > > imageData.data[pixels];
> > > > > > > > >             }
> > > > > > > > >         });

> > > > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > > > >         newContext.globalCompositeOperation =
> "destination-over";
> > > > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > > > >        //get theimagedata from the canvas
> > > > > > > > >        var imageData = newCanvas.toDataURL("image/png");
> > > > > > > > >        //return the Base64 encoded data url string
> > > > > > > > >        return imageData;
> > > > > > > > >     }

> > > > > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > > > > -------

> > > > > > > > > This "data" you can send to server and save inimagefile.
> After that
> > > > > > > > > on the server side you can generate PDF with thisimage. For
> generate
> > > > > > > > > PDF you can usehttp://www.tcpdf.org/ (PHP).

> > > > > > > > > On Apr 14, 2:24 am, Chris Leonello <
> jqplot-us...@jqplot.com> wrote:

> > > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > > This is correct. Plots are composed of a number of
> canvases plus div elements and possibly table elements, though. They need to
> be positioned and collapsed or otherwise rendered into one canvas to get a
> completeimageof a plot. A number of details to take care of.

> > > > > > > > > > If anyone has ideas on PDF generation (maybe through SVG
> conversion?), let me know.
> > > > > > > > > > --
> > > > > > > > > > Chris Leonellohttp://www.jqplot.com

> > > > > > > > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > > > See alsohttp://
> www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > > > > > > > On Apr 13, 6:24 am, Corey Taylor <
> cjt.newtranslat...@gmail.com> wrote:
> > > > > > > > > > > > Hi Chris.

> > > > > > > > > > > > Are there future plans to give the ability to output
> to external files to
> > > > > > > > > > > > JQPlot?

> > > > > > > > > > > > Thanks.

> > > > > > > > > > > > Corey.

> > > > > > > > > > > --
> > > > > > > > > > > You received this message because you are subscribed to
> the Google Groups "jqplot-users" group.
> > > > > > > > > > > To post to this group, send email to
> jqplot-users@googlegroups.com.
> > > > > > > > > > > To unsubscribe from this group, send email to
> jqplot-users+unsubscribe@googlegroups.com.
> > > > > > > > > > > For more options, visit this group athttp://
> groups.google.com/group/jqplot-users?hl=en.

> --
> You received this message because you are subscribed to the Google Groups
> "jqplot-users" group.
> To post to this group, send email to jqplot-users@googlegroups.com.
> To unsubscribe from this group, send email to
> jqplot-users+unsubscribe@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/jqplot-users?hl=en.

> @jpgamaral, What browser are you trying this with?  It will not work at all
> in IE<9 (I haven't tested it with IE9 yet).

> Also, did you check in the debugger whether something is getting returned
> for var img?

> Larry Siden,
> Westside Consulting LLC
> westside-consulting.com
> 734-926-9614

> On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > I get a blank image. I'm following your steps exactly. I even tweaked
> > the parameters for jqplotToImage() but I always get a blank image :/
> > Any ideas why?

> > $("#exportPNG").click(function() {
> >        var img = $('#chartdiv').jqplotToImage(50, 0);
> >        if (img) {
> >                open(img.toDataURL("image/png"));
> >        }
> > });

> > Best regards!

> > On 27 Maio, 18:31, lsiden <lsi...@gmail.com> wrote:
> > > PS - I haven't tested this for any plots other than my own, so it may
> > > need refinement/further development to be useful to a wider
> > > community.  But I think its a good start or at least a reference for
> > > others who want to do the same.

> > > On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > > > I have some code (https://github.com/lsiden/export-jqplot-to-png) that
> > > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > > >       if (img) {
> > > >         open(img.toDataURL("image/png"));
> > > >       }

> > > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > > because on my plot, the labels on the x-axis are rotated and the first
> > > > one was getting clipped by the edge of the drawing canvas while
> > > > exporting.  So I needed a way to tell it to move everything over by an
> > > > offset in order to accomodate the part of the label that would
> > > > otherwise get clipped.'

> > > > Here is a blog post for details:
> >http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-...

> > > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > OMG! - It's much easier than I thought!!!:

> > > > >http://pastie.org/1929353

> > > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > > outlines of the plot lines (edges only).  I think that the trick
> > here
> > > > > > is figuring out and emulating how the browser displays these
> > multiple
> > > > > > canvases in the page.

> > > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > My client, a major telecom company, wants me to provide a way to
> > > > > > > extract a plot as aPNG.  Since they will pay me to do it, I would
> > > > > > > like to propose that I do this as a plug-in.  Chris, what are the
> > main
> > > > > > > "gotchas" or obstacles to doing this that you are already aware
> > of?
> > > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > > "pastie.org" link above), I found that the main problem was how
> > to
> > > > > > > merge the multiple canvases (one of my plots has over 50!) into a
> > > > > > > single canvas without obscuring anything.  I think that the
> > addition
> > > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > > operator.

> > > > > > > The non-canvas div elements are a separate issue that I believe
> > can be
> > > > > > > handled.

> > > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > FWIW, made a few "improvements":http://pastie.org/1913434But
> > still
> > > > > > > > getting nothing but the bare gridlines.

> > > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > @golubev, thank you!  This is exactly what I was looking for!

> > > > > > > > > It almost works for me, but not quite.  In the resultingPNG,
> > I can
> > > > > > > > > see the grid lines, and the axis, but no plot lines and no
> > labels of
> > > > > > > > > any sort.  I wonder if the problem is that the new graphic
> > context
> > > > > > > > > does not have high enough resolution so nothing comes out
> > clearly.
> > > > > > > > > Would you know how to overcome this?

> > > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > > This is my code:

> > > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > > >     {

> > > > > > > > > >         //cache height and width
> > > > > > > > > >         var w = canvas[0].width;
> > > > > > > > > >         var h = canvas[0].height;

> > > > > > > > > >         j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > > > >         var allData = newContext.getImageData(0, 0, w, h);

> > > > > > > > > >         j(canvas).each(function(){
> > > > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > > > >             var imageData = context.getImageData(0, 0, w,
> > h);

> > > > > > > > > >             var pixels = 4 * w * h;
> > > > > > > > > >             while (pixels--) {
> > > > > > > > > >                 allData.data[pixels] = allData.data[pixels]
> > +
> > > > > > > > > > imageData.data[pixels];
> > > > > > > > > >             }
> > > > > > > > > >         });

> > > > > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > > > > >         newContext.globalCompositeOperation =
> > "destination-over";
> > > > > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > > > > >        //get theimagedata from the canvas
> > > > > > > > > >        var imageData = newCanvas.toDataURL("image/png");
> > > > > > > > > >        //return the Base64 encoded data url string
> > > > > > > > > >        return imageData;
> > > > > > > > > >     }

> > > > > > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > > > > > -------

> > > > > > > > > > This "data" you can send to server and save inimagefile.
> > After that
> > > > > > > > > > on the server side you can generate PDF with thisimage. For
> > generate
> > > > > > > > > > PDF you can usehttp://www.tcpdf.org/(PHP).

> > > > > > > > > > On Apr 14, 2:24 am, Chris Leonello <
> > jqplot-us...@jqplot.com> wrote:

> > > > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > > > This is correct. Plots are composed of a number of
> > canvases plus div elements and possibly table elements, though. They need to
> > be positioned and collapsed or otherwise rendered into one canvas to get a
> > completeimageof a plot. A number of details to take care of.

> > > > > > > > > > > If anyone has ideas on PDF generation (maybe through SVG
> > conversion?), let me know.
> > > > > > > > > > > --
> > > > > > > > > > > Chris Leonellohttp://www.jqplot.com

> > > > > > > > > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev wrote:
> > > > > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > > > > See alsohttp://
> >www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > > > > > > > > On Apr 13, 6:24 am, Corey Taylor <
> > cjt.newtranslat...@gmail.com> wrote:
> > > > > > > > > > > > > Hi Chris.

> > > > > > > > > > > > > Are there future plans to give the ability to output
> > to external files to
> > > > > > > > > > > > > JQPlot?

> > > > > > > > > > > > > Thanks.

> > > > > > > > > > > > > Corey.

> > > > > > > > > > > > --
> > > > > > > > > > > > You received this message because you are subscribed to
> > the Google Groups "jqplot-users" group.
> > > > > > > > > > > > To post to this group, send email to
> > jqplot-users@googlegroups.com.
> > > > > > > > > > > > To unsubscribe from this group, send email to
> > jqplot-users+unsubscribe@googlegroups.com.
> > > > > > > > > > > > For more options, visit this group athttp://
> > groups.google.com/group/jqplot-users?hl=en.

> > --
> > You received this message because you are subscribed to the Google Groups
> > "jqplot-users" group.
> > To post to this group, send email to jqplot-users@googlegroups.com.
> > To unsubscribe from this group, send email to
> > jqplot-users+unsubscribe@googlegroups.com.
> > For more options, visit this group at
> >http://groups.google.com/group/jqplot-users?hl=en.

On Sat, Jun 25, 2011 at 7:01 PM, jpgamaral <jpgama...@gmail.com> wrote:
> @Larry, actually I was using IE9 yes, because Chrome doesn't read the
> CSS from ThemeRoller and IE9 does :/ I just tested in Chrome and it
> works :D Any idea why it doesn't in IE9 tho?

> On 25 Jun, 21:27, Larry Siden <lsi...@westside-consulting.com> wrote:
> > @jpgamaral, What browser are you trying this with?  It will not work at
> all
> > in IE<9 (I haven't tested it with IE9 yet).

> > Also, did you check in the debugger whether something is getting returned
> > for var img?

> > Larry Siden,
> > Westside Consulting LLC
> > westside-consulting.com
> > 734-926-9614

> > On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > I get a blank image. I'm following your steps exactly. I even tweaked
> > > the parameters for jqplotToImage() but I always get a blank image :/
> > > Any ideas why?

> > > $("#exportPNG").click(function() {
> > >        var img = $('#chartdiv').jqplotToImage(50, 0);
> > >        if (img) {
> > >                open(img.toDataURL("image/png"));
> > >        }
> > > });

> > > Best regards!

> > > On 27 Maio, 18:31, lsiden <lsi...@gmail.com> wrote:
> > > > PS - I haven't tested this for any plots other than my own, so it may
> > > > need refinement/further development to be useful to a wider
> > > > community.  But I think its a good start or at least a reference for
> > > > others who want to do the same.

> > > > On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > > > > I have some code (https://github.com/lsiden/export-jqplot-to-png)
> that
> > > > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > > > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > >       if (img) {
> > > > >         open(img.toDataURL("image/png"));
> > > > >       }

> > > > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > > > because on my plot, the labels on the x-axis are rotated and the
> first
> > > > > one was getting clipped by the edge of the drawing canvas while
> > > > > exporting.  So I needed a way to tell it to move everything over by
> an
> > > > > offset in order to accomodate the part of the label that would
> > > > > otherwise get clipped.'

> > > > > Here is a blog post for details:
> > >http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-.
> ..

> > > > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > OMG! - It's much easier than I thought!!!:

> > > > > >http://pastie.org/1929353

> > > > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > > > outlines of the plot lines (edges only).  I think that the
> trick
> > > here
> > > > > > > is figuring out and emulating how the browser displays these
> > > multiple
> > > > > > > canvases in the page.

> > > > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > My client, a major telecom company, wants me to provide a way
> to
> > > > > > > > extract a plot as aPNG.  Since they will pay me to do it, I
> would
> > > > > > > > like to propose that I do this as a plug-in.  Chris, what are
> the
> > > main
> > > > > > > > "gotchas" or obstacles to doing this that you are already
> aware
> > > of?
> > > > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > > > "pastie.org" link above), I found that the main problem was
> how
> > > to
> > > > > > > > merge the multiple canvases (one of my plots has over 50!)
> into a
> > > > > > > > single canvas without obscuring anything.  I think that the
> > > addition
> > > > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > > > operator.

> > > > > > > > The non-canvas div elements are a separate issue that I
> believe
> > > can be
> > > > > > > > handled.

> > > > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > FWIW, made a few "improvements":
> http://pastie.org/1913434But
> > > still
> > > > > > > > > getting nothing but the bare gridlines.

> > > > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > @golubev, thank you!  This is exactly what I was looking
> for!

> > > > > > > > > > It almost works for me, but not quite.  In the
> resultingPNG,
> > > I can
> > > > > > > > > > see the grid lines, and the axis, but no plot lines and
> no
> > > labels of
> > > > > > > > > > any sort.  I wonder if the problem is that the new
> graphic
> > > context
> > > > > > > > > > does not have high enough resolution so nothing comes out
> > > clearly.
> > > > > > > > > > Would you know how to overcome this?

> > > > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > > > This is my code:

> > > > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > > > >     {

> > > > > > > > > > >         //cache height and width
> > > > > > > > > > >         var w = canvas[0].width;
> > > > > > > > > > >         var h = canvas[0].height;

> j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > > > > >         var allData = newContext.getImageData(0, 0, w,
> h);

> > > > > > > > > > >         j(canvas).each(function(){
> > > > > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > > > > >             var imageData = context.getImageData(0, 0,
> w,
> > > h);

> > > > > > > > > > >             var pixels = 4 * w * h;
> > > > > > > > > > >             while (pixels--) {
> > > > > > > > > > >                 allData.data[pixels] =
> allData.data[pixels]
> > > +
> > > > > > > > > > > imageData.data[pixels];
> > > > > > > > > > >             }
> > > > > > > > > > >         });

> > > > > > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > > > > > >         newContext.globalCompositeOperation =
> > > "destination-over";
> > > > > > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > > > > > >        //get theimagedata from the canvas
> > > > > > > > > > >        var imageData =
> newCanvas.toDataURL("image/png");
> > > > > > > > > > >        //return the Base64 encoded data url string
> > > > > > > > > > >        return imageData;
> > > > > > > > > > >     }

> > > > > > > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > > > > > > -------

> > > > > > > > > > > This "data" you can send to server and save
> inimagefile.
> > > After that
> > > > > > > > > > > on the server side you can generate PDF with thisimage.
> For
> > > generate
> > > > > > > > > > > PDF you can usehttp://www.tcpdf.org/(PHP).

> > > > > > > > > > > On Apr 14, 2:24 am, Chris Leonello <
> > > jqplot-us...@jqplot.com> wrote:

> > > > > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > > > > This is correct. Plots are composed of a number of
> > > canvases plus div elements and possibly table elements, though. They
> need to
> > > be positioned and collapsed or otherwise rendered into one canvas to
> get a
> > > completeimageof a plot. A number of details to take care of.

> > > > > > > > > > > > If anyone has ideas on PDF generation (maybe through
> SVG
> > > conversion?), let me know.
> > > > > > > > > > > > --
> > > > > > > > > > > > Chris Leonellohttp://www.jqplot.com

> > > > > > > > > > > > On Wednesday, April 13, 2011 at 1:29 AM, golubev
> wrote:
> > > > > > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > > > > > See alsohttp://
> > >www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl

> > > > > > > > > > > > > On Apr 13, 6:24 am, Corey Taylor <
> > > cjt.newtranslat...@gmail.com> wrote:
> > > > > > > > > > > > > > Hi Chris.

> > > > > > > > > > > > > > Are there future plans to give the ability to
> output
> > > to external files to
> > > > > > > > > > > > > > JQPlot?

> > > > > > > > > > > > > > Thanks.

> > > > > > > > > > > > > > Corey.

> > > > > > > > > > > > > --
> > > > > > > > > > > > > You received this message because you are
> subscribed to
> > > the Google Groups "jqplot-users" group.
> > > > > > > > > > > > > To post to this group, send email

> Well, I was trying to get stuff to work in IE7 yesterday before I found out
> that canvas.imageToURL() is useless on IE<9 and there was a whole slew of
> calls my code makes in order to get the positions of the elements that works
> perfectly on Gecko and WebKit browser but need to be completely reworked in
> order to function on IE.  True to its corporate sponsors, IE remains
> stubbornly different from other browsers in many fine details that can dash
> hopes and careers of the naive and unsuspecting who, like me, believe that
> browsers should adhere to standards so that consumers will have a choice
> when they access the web.

> I can send you the modified code later tonight.  I got everything to work up
> to the point where it tried to invoke imageToURL().  So I'm anxious to hear
> whether IE9 will finally allow that bit to happen.

> -Larry Siden

> The United States is a nation of laws, badly written and randomly enforced.
> --Frank Zappa 1940-1993

> On Sat, Jun 25, 2011 at 7:01 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > @Larry, actually I was using IE9 yes, because Chrome doesn't read the
> > CSS from ThemeRoller and IE9 does :/ I just tested in Chrome and it
> > works :D Any idea why it doesn't in IE9 tho?

> > On 25 Jun, 21:27, Larry Siden <lsi...@westside-consulting.com> wrote:
> > > @jpgamaral, What browser are you trying this with?  It will not work at
> > all
> > > in IE<9 (I haven't tested it with IE9 yet).

> > > Also, did you check in the debugger whether something is getting returned
> > > for var img?

> > > Larry Siden,
> > > Westside Consulting LLC
> > > westside-consulting.com
> > >734-926-9614

> > > On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > I get a blank image. I'm following your steps exactly. I even tweaked
> > > > the parameters for jqplotToImage() but I always get a blank image :/
> > > > Any ideas why?

> > > > $("#exportPNG").click(function() {
> > > >        var img = $('#chartdiv').jqplotToImage(50, 0);
> > > >        if (img) {
> > > >                open(img.toDataURL("image/png"));
> > > >        }
> > > > });

> > > > Best regards!

> > > > On 27 Maio, 18:31, lsiden <lsi...@gmail.com> wrote:
> > > > > PS - I haven't tested this for any plots other than my own, so it may
> > > > > need refinement/further development to be useful to a wider
> > > > > community.  But I think its a good start or at least a reference for
> > > > > others who want to do the same.

> > > > > On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > > > > > I have some code (https://github.com/lsiden/export-jqplot-to-png)
> > that
> > > > > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > > > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > > > > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > >       if (img) {
> > > > > >         open(img.toDataURL("image/png"));
> > > > > >       }

> > > > > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > > > > because on my plot, the labels on the x-axis are rotated and the
> > first
> > > > > > one was getting clipped by the edge of the drawing canvas while
> > > > > > exporting.  So I needed a way to tell it to move everything over by
> > an
> > > > > > offset in order to accomodate the part of the label that would
> > > > > > otherwise get clipped.'

> > > > > > Here is a blog post for details:
> > > >http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-.
> > ..

> > > > > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > OMG! - It's much easier than I thought!!!:

> > > > > > >http://pastie.org/1929353

> > > > > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > > > > outlines of the plot lines (edges only).  I think that the
> > trick
> > > > here
> > > > > > > > is figuring out and emulating how the browser displays these
> > > > multiple
> > > > > > > > canvases in the page.

> > > > > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > My client, a major telecom company, wants me to provide a way
> > to
> > > > > > > > > extract a plot as aPNG.  Since they will pay me to do it, I
> > would
> > > > > > > > > like to propose that I do this as a plug-in.  Chris, what are
> > the
> > > > main
> > > > > > > > > "gotchas" or obstacles to doing this that you are already
> > aware
> > > > of?
> > > > > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > > > > "pastie.org" link above), I found that the main problem was
> > how
> > > > to
> > > > > > > > > merge the multiple canvases (one of my plots has over 50!)
> > into a
> > > > > > > > > single canvas without obscuring anything.  I think that the
> > > > addition
> > > > > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > > > > operator.

> > > > > > > > > The non-canvas div elements are a separate issue that I
> > believe
> > > > can be
> > > > > > > > > handled.

> > > > > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > FWIW, made a few "improvements":
> >http://pastie.org/1913434But
> > > > still
> > > > > > > > > > getting nothing but the bare gridlines.

> > > > > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > @golubev, thank you!  This is exactly what I was looking
> > for!

> > > > > > > > > > > It almost works for me, but not quite.  In the
> > resultingPNG,
> > > > I can
> > > > > > > > > > > see the grid lines, and the axis, but no plot lines and
> > no
> > > > labels of
> > > > > > > > > > > any sort.  I wonder if the problem is that the new
> > graphic
> > > > context
> > > > > > > > > > > does not have high enough resolution so nothing comes out
> > > > clearly.
> > > > > > > > > > > Would you know how to overcome this?

> > > > > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > > > > This is my code:

> > > > > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > > > > >     {

> > > > > > > > > > > >         //cache height and width
> > > > > > > > > > > >         var w = canvas[0].width;
> > > > > > > > > > > >         var h = canvas[0].height;

> > j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > > > > > >         var allData = newContext.getImageData(0, 0, w,
> > h);

> > > > > > > > > > > >         j(canvas).each(function(){
> > > > > > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > > > > > >             var imageData = context.getImageData(0, 0,
> > w,
> > > > h);

> > > > > > > > > > > >             var pixels = 4 * w * h;
> > > > > > > > > > > >             while (pixels--) {
> > > > > > > > > > > >                 allData.data[pixels] =
> > allData.data[pixels]
> > > > +
> > > > > > > > > > > > imageData.data[pixels];
> > > > > > > > > > > >             }
> > > > > > > > > > > >         });

> > > > > > > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > > > > > > >         newContext.globalCompositeOperation =
> > > > "destination-over";
> > > > > > > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > > > > > > >        //get theimagedata from the canvas
> > > > > > > > > > > >        var imageData =
> > newCanvas.toDataURL("image/png");
> > > > > > > > > > > >        //return the Base64 encoded data url string
> > > > > > > > > > > >        return imageData;
> > > > > > > > > > > >     }

> > > > > > > > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > > > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > > > > > > > -------

> > > > > > > > > > > > This "data" you can send to server and save
> > inimagefile.
> > > > After that
> > > > > > > > > > > > on the server side you can generate PDF with thisimage.
> > For
> > > > generate
> > > > > > > > > > > > PDF you can usehttp://www.tcpdf.org/(PHP).

> > > > > > > > > > > > On Apr 14, 2:24 am, Chris Leonello <
> > > > jqplot-us...@jqplot.com> wrote:

> > > > > > > > > > > > > //get theimagedata from the canvas
> > > > > > > > > > > > > var imageData = canvas.toDataURL("image/png");

> > > > > > > > > > > > > This is correct. Plots are composed of a number of
> > > > canvases plus div elements and possibly table elements, though. They
> > need to
> > > > be positioned and collapsed or otherwise rendered into one canvas to
> > get a
> > > > completeimageof a plot. A number of details to take care of.

> > > > > > > > > > > > > If anyone has ideas on PDF generation (maybe through
> > SVG
> > > > conversion?), let me know.
> > > > > > > > > > > > > --
> > > > > > > > > > > > > Chris Leonellohttp://www.jqplot.com

> @jpgamaral, I promised you that I would send you my code that handled
> getting positions of items for drawing in IE.  Here is it:http://pastie.org/2129617.  It begins with $.fn.jqplotToImage.  Hope
> that helps!

> On Jun 25, 7:43 pm, Larry Siden <lsi...@gmail.com> wrote:

> > Well, I was trying to get stuff to work in IE7 yesterday before I found out
> > that canvas.imageToURL() is useless on IE<9 and there was a whole slew of
> > calls my code makes in order to get the positions of the elements that works
> > perfectly on Gecko and WebKit browser but need to be completely reworked in
> > order to function on IE.  True to its corporate sponsors, IE remains
> > stubbornly different from other browsers in many fine details that can dash
> > hopes and careers of the naive and unsuspecting who, like me, believe that
> > browsers should adhere to standards so that consumers will have a choice
> > when they access the web.

> > I can send you the modified code later tonight.  I got everything to work up
> > to the point where it tried to invoke imageToURL().  So I'm anxious to hear
> > whether IE9 will finally allow that bit to happen.

> > -Larry Siden

> > The United States is a nation of laws, badly written and randomly enforced.
> > --Frank Zappa 1940-1993

> > On Sat, Jun 25, 2011 at 7:01 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > @Larry, actually I was using IE9 yes, because Chrome doesn't read the
> > > CSS from ThemeRoller and IE9 does :/ I just tested in Chrome and it
> > > works :D Any idea why it doesn't in IE9 tho?

> > > On 25 Jun, 21:27, Larry Siden <lsi...@westside-consulting.com> wrote:
> > > > @jpgamaral, What browser are you trying this with?  It will not work at
> > > all
> > > > in IE<9 (I haven't tested it with IE9 yet).

> > > > Also, did you check in the debugger whether something is getting returned
> > > > for var img?

> > > > Larry Siden,
> > > > Westside Consulting LLC
> > > > westside-consulting.com
> > > >734-926-9614

> > > > On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > > I get a blank image. I'm following your steps exactly. I even tweaked
> > > > > the parameters for jqplotToImage() but I always get a blank image :/
> > > > > Any ideas why?

> > > > > $("#exportPNG").click(function() {
> > > > >        var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > >        if (img) {
> > > > >                open(img.toDataURL("image/png"));
> > > > >        }
> > > > > });

> > > > > Best regards!

> > > > > On 27 Maio, 18:31, lsiden <lsi...@gmail.com> wrote:
> > > > > > PS - I haven't tested this for any plots other than my own, so it may
> > > > > > need refinement/further development to be useful to a wider
> > > > > > community.  But I think its a good start or at least a reference for
> > > > > > others who want to do the same.

> > > > > > On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > > > > > > I have some code (https://github.com/lsiden/export-jqplot-to-png)
> > > that
> > > > > > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > > > > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > > > > > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > > >       if (img) {
> > > > > > >         open(img.toDataURL("image/png"));
> > > > > > >       }

> > > > > > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > > > > > because on my plot, the labels on the x-axis are rotated and the
> > > first
> > > > > > > one was getting clipped by the edge of the drawing canvas while
> > > > > > > exporting.  So I needed a way to tell it to move everything over by
> > > an
> > > > > > > offset in order to accomodate the part of the label that would
> > > > > > > otherwise get clipped.'

> > > > > > > Here is a blog post for details:
> > > > >http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-.
> > > ..

> > > > > > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > OMG! - It's much easier than I thought!!!:

> > > > > > > >http://pastie.org/1929353

> > > > > > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > > > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > > > > > outlines of the plot lines (edges only).  I think that the
> > > trick
> > > > > here
> > > > > > > > > is figuring out and emulating how the browser displays these
> > > > > multiple
> > > > > > > > > canvases in the page.

> > > > > > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > My client, a major telecom company, wants me to provide a way
> > > to
> > > > > > > > > > extract a plot as aPNG.  Since they will pay me to do it, I
> > > would
> > > > > > > > > > like to propose that I do this as a plug-in.  Chris, what are
> > > the
> > > > > main
> > > > > > > > > > "gotchas" or obstacles to doing this that you are already
> > > aware
> > > > > of?
> > > > > > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > > > > > "pastie.org" link above), I found that the main problem was
> > > how
> > > > > to
> > > > > > > > > > merge the multiple canvases (one of my plots has over 50!)
> > > into a
> > > > > > > > > > single canvas without obscuring anything.  I think that the
> > > > > addition
> > > > > > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > > > > > operator.

> > > > > > > > > > The non-canvas div elements are a separate issue that I
> > > believe
> > > > > can be
> > > > > > > > > > handled.

> > > > > > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > FWIW, made a few "improvements":
> > >http://pastie.org/1913434But
> > > > > still
> > > > > > > > > > > getting nothing but the bare gridlines.

> > > > > > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > @golubev, thank you!  This is exactly what I was looking
> > > for!

> > > > > > > > > > > > It almost works for me, but not quite.  In the
> > > resultingPNG,
> > > > > I can
> > > > > > > > > > > > see the grid lines, and the axis, but no plot lines and
> > > no
> > > > > labels of
> > > > > > > > > > > > any sort.  I wonder if the problem is that the new
> > > graphic
> > > > > context
> > > > > > > > > > > > does not have high enough resolution so nothing comes out
> > > > > clearly.
> > > > > > > > > > > > Would you know how to overcome this?

> > > > > > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > > > > > This is my code:

> > > > > > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > > > > > >     {

> > > > > > > > > > > > >         //cache height and width
> > > > > > > > > > > > >         var w = canvas[0].width;
> > > > > > > > > > > > >         var h = canvas[0].height;

> > > j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > > > > > > >         var allData = newContext.getImageData(0, 0, w,
> > > h);

> > > > > > > > > > > > >         j(canvas).each(function(){
> > > > > > > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > > > > > > >             var imageData = context.getImageData(0, 0,
> > > w,
> > > > > h);

> > > > > > > > > > > > >             var pixels = 4 * w * h;
> > > > > > > > > > > > >             while (pixels--) {
> > > > > > > > > > > > >                 allData.data[pixels] =
> > > allData.data[pixels]
> > > > > +
> > > > > > > > > > > > > imageData.data[pixels];
> > > > > > > > > > > > >             }
> > > > > > > > > > > > >         });

> > > > > > > > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > > > > > > > >         newContext.globalCompositeOperation =
> > > > > "destination-over";
> > > > > > > > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > > > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > > > > > > > >        //get theimagedata from the canvas
> > > > > > > > > > > > >        var imageData =
> > > newCanvas.toDataURL("image/png");
> > > > > > > > > > > > >        //return the Base64 encoded data url string
> > > > > > > > > > > > >        return imageData;
> > > > > > > > > > > > >     }

> > > > > > > > > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > > > > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > > > > > > > > -------

> > > > > > > > > > > > > This "data" you can send to server and save
> > > inimagefile.
> > > > > After that
> > > > > > > > > > > > > on the server side you can generate PDF with thisimage.
> > > For
> > > > > generate
> > > > > > > > > > > > > PDF you can usehttp://www.tcpdf.org/(PHP).

> > > > > > > > > > > > > On Apr 14, 2:24 am, Chris Leonello <
> > > > > jqplot-us...@jqplot.com> wrote:

> @jpgamaral, I promised you that I would send you my code that handled
> getting positions of items for drawing in IE.  Here is it:http://pastie.org/2129617.  It begins with $.fn.jqplotToImage.  Hope
> that helps!

> On Jun 25, 7:43 pm, Larry Siden <lsi...@gmail.com> wrote:

> > Well, I was trying to get stuff to work in IE7 yesterday before I found out
> > that canvas.imageToURL() is useless on IE<9 and there was a whole slew of
> > calls my code makes in order to get the positions of the elements that works
> > perfectly on Gecko and WebKit browser but need to be completely reworked in
> > order to function on IE.  True to its corporate sponsors, IE remains
> > stubbornly different from other browsers in many fine details that can dash
> > hopes and careers of the naive and unsuspecting who, like me, believe that
> > browsers should adhere to standards so that consumers will have a choice
> > when they access the web.

> > I can send you the modified code later tonight.  I got everything to work up
> > to the point where it tried to invoke imageToURL().  So I'm anxious to hear
> > whether IE9 will finally allow that bit to happen.

> > -Larry Siden

> > The United States is a nation of laws, badly written and randomly enforced.
> > --Frank Zappa 1940-1993

> > On Sat, Jun 25, 2011 at 7:01 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > @Larry, actually I was using IE9 yes, because Chrome doesn't read the
> > > CSS from ThemeRoller and IE9 does :/ I just tested in Chrome and it
> > > works :D Any idea why it doesn't in IE9 tho?

> > > On 25 Jun, 21:27, Larry Siden <lsi...@westside-consulting.com> wrote:
> > > > @jpgamaral, What browser are you trying this with?  It will not work at
> > > all
> > > > in IE<9 (I haven't tested it with IE9 yet).

> > > > Also, did you check in the debugger whether something is getting returned
> > > > for var img?

> > > > Larry Siden,
> > > > Westside Consulting LLC
> > > > westside-consulting.com
> > > >734-926-9614

> > > > On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > > I get a blankimage. I'm following your steps exactly. I even tweaked
> > > > > the parameters for jqplotToImage() but I always get a blankimage:/
> > > > > Any ideas why?

> > > > > $("#exportPNG").click(function() {
> > > > >        var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > >        if (img) {
> > > > >                open(img.toDataURL("image/png"));
> > > > >        }
> > > > > });

> > > > > Best regards!

> > > > > On 27 Maio, 18:31, lsiden <lsi...@gmail.com> wrote:
> > > > > > PS - I haven't tested this for any plots other than my own, so it may
> > > > > > need refinement/further development to be useful to a wider
> > > > > > community.  But I think its a good start or at least a reference for
> > > > > > others who want to do the same.

> > > > > > On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > > > > > > I have some code (https://github.com/lsiden/export-jqplot-to-png)
> > > that
> > > > > > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > > > > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > > > > > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > > >       if (img) {
> > > > > > >         open(img.toDataURL("image/png"));
> > > > > > >       }

> > > > > > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > > > > > because on my plot, the labels on the x-axis are rotated and the
> > > first
> > > > > > > one was getting clipped by the edge of the drawing canvas while
> > > > > > > exporting.  So I needed a way to tell it to move everything over by
> > > an
> > > > > > > offset in order to accomodate the part of the label that would
> > > > > > > otherwise get clipped.'

> > > > > > > Here is a blog post for details:
> > > > >http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-.
> > > ..

> > > > > > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > OMG! - It's much easier than I thought!!!:

> > > > > > > >http://pastie.org/1929353

> > > > > > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > > > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > > > > > outlines of the plot lines (edges only).  I think that the
> > > trick
> > > > > here
> > > > > > > > > is figuring out and emulating how the browser displays these
> > > > > multiple
> > > > > > > > > canvases in the page.

> > > > > > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > My client, a major telecom company, wants me to provide a way
> > > to
> > > > > > > > > > extract a plot as aPNG.  Since they will pay me to do it, I
> > > would
> > > > > > > > > > like to propose that I do this as a plug-in.  Chris, what are
> > > the
> > > > > main
> > > > > > > > > > "gotchas" or obstacles to doing this that you are already
> > > aware
> > > > > of?
> > > > > > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > > > > > "pastie.org" link above), I found that the main problem was
> > > how
> > > > > to
> > > > > > > > > > merge the multiple canvases (one of my plots has over 50!)
> > > into a
> > > > > > > > > > single canvas without obscuring anything.  I think that the
> > > > > addition
> > > > > > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > > > > > operator.

> > > > > > > > > > The non-canvas div elements are a separate issue that I
> > > believe
> > > > > can be
> > > > > > > > > > handled.

> > > > > > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > FWIW, made a few "improvements":
> > >http://pastie.org/1913434But
> > > > > still
> > > > > > > > > > > getting nothing but the bare gridlines.

> > > > > > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > @golubev, thank you!  This is exactly what I was looking
> > > for!

> > > > > > > > > > > > It almost works for me, but not quite.  In the
> > > resultingPNG,
> > > > > I can
> > > > > > > > > > > > see the grid lines, and the axis, but no plot lines and
> > > no
> > > > > labels of
> > > > > > > > > > > > any sort.  I wonder if the problem is that the new
> > > graphic
> > > > > context
> > > > > > > > > > > > does not have high enough resolution so nothing comes out
> > > > > clearly.
> > > > > > > > > > > > Would you know how to overcome this?

> > > > > > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > > > > > This is my code:

> > > > > > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > > > > > >     {

> > > > > > > > > > > > >         //cache height and width
> > > > > > > > > > > > >         var w = canvas[0].width;
> > > > > > > > > > > > >         var h = canvas[0].height;

> > > j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > > > > > > >         var allData = newContext.getImageData(0, 0, w,
> > > h);

> > > > > > > > > > > > >         j(canvas).each(function(){
> > > > > > > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > > > > > > >             var imageData = context.getImageData(0, 0,
> > > w,
> > > > > h);

> > > > > > > > > > > > >             var pixels = 4 * w * h;
> > > > > > > > > > > > >             while (pixels--) {
> > > > > > > > > > > > >                 allData.data[pixels] =
> > > allData.data[pixels]
> > > > > +
> > > > > > > > > > > > > imageData.data[pixels];
> > > > > > > > > > > > >             }
> > > > > > > > > > > > >         });

> > > > > > > > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > > > > > > > >         newContext.globalCompositeOperation =
> > > > > "destination-over";
> > > > > > > > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > > > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > > > > > > > >        //get theimagedata from the canvas
> > > > > > > > > > > > >        var imageData =
> > > newCanvas.toDataURL("image/png");
> > > > > > > > > > > > >        //return the Base64 encoded data url string
> > > > > > > > > > > > >        return imageData;
> > > > > > > > > > > > >     }

> > > > > > > > > > > > > var canvas = j(".jqplot-series-canvas");
> > > > > > > > > > > > > var data =canvasToImage(canvas,"#ffffff");

> > > > > > > > > > > > > -------

> > > > > > > > > > > > > This "data" you can send to server and save
> > > inimagefile.
> > > > > After that
> > > > > > > > > > > > > on the server side you can generate PDF with thisimage.
> > > For
> > > > > generate
> > > > > > > > > > > > > PDF you can usehttp://www.tcpdf.org/(PHP).

> > > > > > > > > > > > > On Apr 14, 2:24 am, Chris Leonello <

> Hi,

> I tried your code above. I got my jqplot as a canvas with vml tags
> inside in IE < 9 as I am working with IE 8. But I getting only the
> texts inside the jqplot, that means I am getting only the axis texts,
> there was no drawings. Please help me in this issue. Thanks in
> advance.

> Regards,
> Vinod

> On Jun 27, 8:51 pm, lsiden <lsi...@gmail.com> wrote:

> > @jpgamaral, I promised you that I would send you my code that handled
> > getting positions of items for drawing in IE.  Here is it:http://pastie.org/2129617.  It begins with $.fn.jqplotToImage.  Hope
> > that helps!

> > On Jun 25, 7:43 pm, Larry Siden <lsi...@gmail.com> wrote:

> > > Well, I was trying to get stuff to work in IE7 yesterday before I found out
> > > that canvas.imageToURL() is useless on IE<9 and there was a whole slew of
> > > calls my code makes in order to get the positions of the elements that works
> > > perfectly on Gecko and WebKit browser but need to be completely reworked in
> > > order to function on IE.  True to its corporate sponsors, IE remains
> > > stubbornly different from other browsers in many fine details that can dash
> > > hopes and careers of the naive and unsuspecting who, like me, believe that
> > > browsers should adhere to standards so that consumers will have a choice
> > > when they access the web.

> > > I can send you the modified code later tonight.  I got everything to work up
> > > to the point where it tried to invoke imageToURL().  So I'm anxious to hear
> > > whether IE9 will finally allow that bit to happen.

> > > -Larry Siden

> > > The United States is a nation of laws, badly written and randomly enforced.
> > > --Frank Zappa 1940-1993

> > > On Sat, Jun 25, 2011 at 7:01 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > @Larry, actually I was using IE9 yes, because Chrome doesn't read the
> > > > CSS from ThemeRoller and IE9 does :/ I just tested in Chrome and it
> > > > works :D Any idea why it doesn't in IE9 tho?

> > > > On 25 Jun, 21:27, Larry Siden <lsi...@westside-consulting.com> wrote:
> > > > > @jpgamaral, What browser are you trying this with?  It will not work at
> > > > all
> > > > > in IE<9 (I haven't tested it with IE9 yet).

> > > > > Also, did you check in the debugger whether something is getting returned
> > > > > for var img?

> > > > > Larry Siden,
> > > > > Westside Consulting LLC
> > > > > westside-consulting.com
> > > > >734-926-9614

> > > > > On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > > > I get a blankimage. I'm following your steps exactly. I even tweaked
> > > > > > the parameters for jqplotToImage() but I always get a blankimage:/
> > > > > > Any ideas why?

> > > > > > $("#exportPNG").click(function() {
> > > > > >        var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > >        if (img) {
> > > > > >                open(img.toDataURL("image/png"));
> > > > > >        }
> > > > > > });

> > > > > > Best regards!

> > > > > > On 27 Maio, 18:31, lsiden <lsi...@gmail.com> wrote:
> > > > > > > PS - I haven't tested this for any plots other than my own, so it may
> > > > > > > need refinement/further development to be useful to a wider
> > > > > > > community.  But I think its a good start or at least a reference for
> > > > > > > others who want to do the same.

> > > > > > > On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > > > > > > > I have some code (https://github.com/lsiden/export-jqplot-to-png)
> > > > that
> > > > > > > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > > > > > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > > > > > > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > > > >       if (img) {
> > > > > > > >         open(img.toDataURL("image/png"));
> > > > > > > >       }

> > > > > > > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > > > > > > because on my plot, the labels on the x-axis are rotated and the
> > > > first
> > > > > > > > one was getting clipped by the edge of the drawing canvas while
> > > > > > > > exporting.  So I needed a way to tell it to move everything over by
> > > > an
> > > > > > > > offset in order to accomodate the part of the label that would
> > > > > > > > otherwise get clipped.'

> > > > > > > > Here is a blog post for details:
> > > > > >http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-.
> > > > ..

> > > > > > > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > OMG! - It's much easier than I thought!!!:

> > > > > > > > >http://pastie.org/1929353

> > > > > > > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > > > > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > > > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > > > > > > outlines of the plot lines (edges only).  I think that the
> > > > trick
> > > > > > here
> > > > > > > > > > is figuring out and emulating how the browser displays these
> > > > > > multiple
> > > > > > > > > > canvases in the page.

> > > > > > > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > My client, a major telecom company, wants me to provide a way
> > > > to
> > > > > > > > > > > extract a plot as aPNG.  Since they will pay me to do it, I
> > > > would
> > > > > > > > > > > like to propose that I do this as a plug-in.  Chris, what are
> > > > the
> > > > > > main
> > > > > > > > > > > "gotchas" or obstacles to doing this that you are already
> > > > aware
> > > > > > of?
> > > > > > > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > > > > > > "pastie.org" link above), I found that the main problem was
> > > > how
> > > > > > to
> > > > > > > > > > > merge the multiple canvases (one of my plots has over 50!)
> > > > into a
> > > > > > > > > > > single canvas without obscuring anything.  I think that the
> > > > > > addition
> > > > > > > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > > > > > > operator.

> > > > > > > > > > > The non-canvas div elements are a separate issue that I
> > > > believe
> > > > > > can be
> > > > > > > > > > > handled.

> > > > > > > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > FWIW, made a few "improvements":
> > > >http://pastie.org/1913434But
> > > > > > still
> > > > > > > > > > > > getting nothing but the bare gridlines.

> > > > > > > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > > @golubev, thank you!  This is exactly what I was looking
> > > > for!

> > > > > > > > > > > > > It almost works for me, but not quite.  In the
> > > > resultingPNG,
> > > > > > I can
> > > > > > > > > > > > > see the grid lines, and the axis, but no plot lines and
> > > > no
> > > > > > labels of
> > > > > > > > > > > > > any sort.  I wonder if the problem is that the new
> > > > graphic
> > > > > > context
> > > > > > > > > > > > > does not have high enough resolution so nothing comes out
> > > > > > clearly.
> > > > > > > > > > > > > Would you know how to overcome this?

> > > > > > > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > > > > > > This is my code:

> > > > > > > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > > > > > > >     {

> > > > > > > > > > > > > >         //cache height and width
> > > > > > > > > > > > > >         var w = canvas[0].width;
> > > > > > > > > > > > > >         var h = canvas[0].height;

> > > > j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > > > > > > > >         var allData = newContext.getImageData(0, 0, w,
> > > > h);

> > > > > > > > > > > > > >         j(canvas).each(function(){
> > > > > > > > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > > > > > > > >             var imageData = context.getImageData(0, 0,
> > > > w,
> > > > > > h);

> > > > > > > > > > > > > >             var pixels = 4 * w * h;
> > > > > > > > > > > > > >             while (pixels--) {
> > > > > > > > > > > > > >                 allData.data[pixels] =
> > > > allData.data[pixels]
> > > > > > +
> > > > > > > > > > > > > > imageData.data[pixels];
> > > > > > > > > > > > > >             }
> > > > > > > > > > > > > >         });

> > > > > > > > > > > > > >         newContext.putImageData(allData, 0,0);

> > > > > > > > > > > > > >         newContext.globalCompositeOperation =
> > > > > > "destination-over";
> > > > > > > > > > > > > >         newContext.fillStyle = backgroundColor;
> > > > > > > > > > > > > >         newContext.fillRect(0,0,w,h);

> > > > > > > > > > > > > >        //get theimagedata from the canvas
> > > > > > > > > > > > > >        var imageData =
> > > > newCanvas.toDataURL("image/png");
> > > > > > > > > > > > > >        //return the Base64 encoded data url string
> > > > > > > > > > > > > >        return imageData;

> IE < 9 doesn't have support for toDataUrl() even with excanvas so that
> makes it difficult if not impossible to save the image or display it I
> think.

> Kevin Risden

> On Jul 10, 11:29 pm, Vinod T G <vinod.t...@gmail.com> wrote:

> > Hi,

> > I tried your code above. I got my jqplot as a canvas with vml tags
> > inside in IE < 9 as I am working with IE 8. But I getting only the
> > texts inside the jqplot, that means I am getting only the axis texts,
> > there was no drawings. Please help me in this issue. Thanks in
> > advance.

> > Regards,
> > Vinod

> > On Jun 27, 8:51 pm, lsiden <lsi...@gmail.com> wrote:

> > > @jpgamaral, I promised you that I would send you my code that handled
> > > getting positions of items for drawing in IE.  Here is it:http://pastie.org/2129617.  It begins with $.fn.jqplotToImage.  Hope
> > > that helps!

> > > On Jun 25, 7:43 pm, Larry Siden <lsi...@gmail.com> wrote:

> > > > Well, I was trying to get stuff to work in IE7 yesterday before I found out
> > > > that canvas.imageToURL() is useless on IE<9 and there was a whole slew of
> > > > calls my code makes in order to get the positions of the elements that works
> > > > perfectly on Gecko and WebKit browser but need to be completely reworked in
> > > > order to function on IE.  True to its corporate sponsors, IE remains
> > > > stubbornly different from other browsers in many fine details that can dash
> > > > hopes and careers of the naive and unsuspecting who, like me, believe that
> > > > browsers should adhere to standards so that consumers will have a choice
> > > > when they access the web.

> > > > I can send you the modified code later tonight.  I got everything to work up
> > > > to the point where it tried to invoke imageToURL().  So I'm anxious to hear
> > > > whether IE9 will finally allow that bit to happen.

> > > > -Larry Siden

> > > > The United States is a nation of laws, badly written and randomly enforced.
> > > > --Frank Zappa 1940-1993

> > > > On Sat, Jun 25, 2011 at 7:01 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > > @Larry, actually I was using IE9 yes, because Chrome doesn't read the
> > > > > CSS from ThemeRoller and IE9 does :/ I just tested in Chrome and it
> > > > > works :D Any idea why it doesn't in IE9 tho?

> > > > > On 25 Jun, 21:27, Larry Siden <lsi...@westside-consulting.com> wrote:
> > > > > > @jpgamaral, What browser are you trying this with?  It will not work at
> > > > > all
> > > > > > in IE<9 (I haven't tested it with IE9 yet).

> > > > > > Also, did you check in the debugger whether something is getting returned
> > > > > > for var img?

> > > > > > Larry Siden,
> > > > > > Westside Consulting LLC
> > > > > > westside-consulting.com
> > > > > >734-926-9614

> > > > > > On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > > > > I get a blankimage. I'm following your steps exactly. I even tweaked
> > > > > > > the parameters for jqplotToImage() but I always get a blankimage:/
> > > > > > > Any ideas why?

> > > > > > > $("#exportPNG").click(function() {
> > > > > > >        var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > > >        if (img) {
> > > > > > >                open(img.toDataURL("image/png"));
> > > > > > >        }
> > > > > > > });

> > > > > > > Best regards!

> > > > > > > On 27 Maio, 18:31, lsiden <lsi...@gmail.com> wrote:
> > > > > > > > PS - I haven't tested this for any plots other than my own, so it may
> > > > > > > > need refinement/further development to be useful to a wider
> > > > > > > > community.  But I think its a good start or at least a reference for
> > > > > > > > others who want to do the same.

> > > > > > > > On May 27, 1:28 pm, lsiden <lsi...@gmail.com> wrote:

> > > > > > > > > I have some code (https://github.com/lsiden/export-jqplot-to-png)
> > > > > that
> > > > > > > > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > > > > > > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > > > > > > > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > > > > >       if (img) {
> > > > > > > > >         open(img.toDataURL("image/png"));
> > > > > > > > >       }

> > > > > > > > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > > > > > > > because on my plot, the labels on the x-axis are rotated and the
> > > > > first
> > > > > > > > > one was getting clipped by the edge of the drawing canvas while
> > > > > > > > > exporting.  So I needed a way to tell it to move everything over by
> > > > > an
> > > > > > > > > offset in order to accomodate the part of the label that would
> > > > > > > > > otherwise get clipped.'

> > > > > > > > > Here is a blog post for details:
> > > > > > >http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-.
> > > > > ..

> > > > > > > > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > OMG! - It's much easier than I thought!!!:

> > > > > > > > > >http://pastie.org/1929353

> > > > > > > > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > > > > > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > > > > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > > > > > > > outlines of the plot lines (edges only).  I think that the
> > > > > trick
> > > > > > > here
> > > > > > > > > > > is figuring out and emulating how the browser displays these
> > > > > > > multiple
> > > > > > > > > > > canvases in the page.

> > > > > > > > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > My client, a major telecom company, wants me to provide a way
> > > > > to
> > > > > > > > > > > > extract a plot as aPNG.  Since they will pay me to do it, I
> > > > > would
> > > > > > > > > > > > like to propose that I do this as a plug-in.  Chris, what are
> > > > > the
> > > > > > > main
> > > > > > > > > > > > "gotchas" or obstacles to doing this that you are already
> > > > > aware
> > > > > > > of?
> > > > > > > > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > > > > > > > "pastie.org" link above), I found that the main problem was
> > > > > how
> > > > > > > to
> > > > > > > > > > > > merge the multiple canvases (one of my plots has over 50!)
> > > > > into a
> > > > > > > > > > > > single canvas without obscuring anything.  I think that the
> > > > > > > addition
> > > > > > > > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > > > > > > > operator.

> > > > > > > > > > > > The non-canvas div elements are a separate issue that I
> > > > > believe
> > > > > > > can be
> > > > > > > > > > > > handled.

> > > > > > > > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > > FWIW, made a few "improvements":
> > > > >http://pastie.org/1913434But
> > > > > > > still
> > > > > > > > > > > > > getting nothing but the bare gridlines.

> > > > > > > > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > > > @golubev, thank you!  This is exactly what I was looking
> > > > > for!

> > > > > > > > > > > > > > It almost works for me, but not quite.  In the
> > > > > resultingPNG,
> > > > > > > I can
> > > > > > > > > > > > > > see the grid lines, and the axis, but no plot lines and
> > > > > no
> > > > > > > labels of
> > > > > > > > > > > > > > any sort.  I wonder if the problem is that the new
> > > > > graphic
> > > > > > > context
> > > > > > > > > > > > > > does not have high enough resolution so nothing comes out
> > > > > > > clearly.
> > > > > > > > > > > > > > Would you know how to overcome this?

> > > > > > > > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > > > > > > > This is my code:

> > > > > > > > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > > > > > > > >     {

> > > > > > > > > > > > > > >         //cache height and width
> > > > > > > > > > > > > > >         var w = canvas[0].width;
> > > > > > > > > > > > > > >         var h = canvas[0].height;

> > > > > j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > > > > > > > >         newContext.clearRect(0,0,w,h);
> > > > > > > > > > > > > > >         var allData = newContext.getImageData(0, 0, w,
> > > > > h);

> > > > > > > > > > > > > > >         j(canvas).each(function(){
> > > > > > > > > > > > > > >             var context = j(this)[0].getContext("2d");
> > > > > > > > > > > > > > >             var imageData = context.getImageData(0, 0,
> > > > > w,
> > > > > > > h);

> > > > > > > > > > > > > > >             var pixels = 4 * w * h;
> > > > > > > > > > > > > > >             while (pixels--) {
> > > > > > > > > > > > > > >                 allData.data[pixels] =
> > > > > allData.data[pixels]
> > > > > > > +
> > > > > > > > > > > > > > > imageData.data[pixels];
> > > > > > > > > > > > > > >             }
> > > > > > > > > > > > > > >        

> Hi,

> Thanks for the reply Kevin. Is there any way to export jqplot to png
> or pdf in IE 8 and less? When I used the exporting code posted bylsiden, I got a canvas with g_vml_ tags inside. My issue is how to
> convert it to image or how can get it as an image.

> Cheers,
> Vinod

> On Jul 12, 9:47 pm, Compuwizard123 <compuwizard...@gmail.com> wrote:

> > IE < 9 doesn't have support for toDataUrl() even with excanvas so that
> > makes it difficult if not impossible to save the image or display it I
> > think.

> > Kevin Risden

> > On Jul 10, 11:29 pm, Vinod T G <vinod.t...@gmail.com> wrote:

> > > Hi,

> > > I tried your code above. I got my jqplot as a canvas with vml tags
> > > inside in IE < 9 as I am working with IE 8. But I getting only the
> > > texts inside the jqplot, that means I am getting only the axis texts,
> > > there was no drawings. Please help me in this issue. Thanks in
> > > advance.

> > > Regards,
> > > Vinod

> > > On Jun 27, 8:51 pm,lsiden<lsi...@gmail.com> wrote:

> > > > @jpgamaral, I promised you that I would send you my code that handled
> > > > getting positions of items for drawing in IE.  Here is it:http://pastie.org/2129617.  It begins with $.fn.jqplotToImage.  Hope
> > > > that helps!

> > > > On Jun 25, 7:43 pm, Larry Siden <lsi...@gmail.com> wrote:

> > > > > Well, I was trying to get stuff to work in IE7 yesterday before I found out
> > > > > that canvas.imageToURL() is useless on IE<9 and there was a whole slew of
> > > > > calls my code makes in order to get the positions of the elements that works
> > > > > perfectly on Gecko and WebKit browser but need to be completely reworked in
> > > > > order to function on IE.  True to its corporate sponsors, IE remains
> > > > > stubbornly different from other browsers in many fine details that can dash
> > > > > hopes and careers of the naive and unsuspecting who, like me, believe that
> > > > > browsers should adhere to standards so that consumers will have a choice
> > > > > when they access the web.

> > > > > I can send you the modified code later tonight.  I got everything to work up
> > > > > to the point where it tried to invoke imageToURL().  So I'm anxious to hear
> > > > > whether IE9 will finally allow that bit to happen.

> > > > > -Larry Siden

> > > > > The United States is a nation of laws, badly written and randomly enforced.
> > > > > --Frank Zappa 1940-1993

> > > > > On Sat, Jun 25, 2011 at 7:01 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > > > @Larry, actually I was using IE9 yes, because Chrome doesn't read the
> > > > > > CSS from ThemeRoller and IE9 does :/ I just tested in Chrome and it
> > > > > > works :D Any idea why it doesn't in IE9 tho?

> > > > > > On 25 Jun, 21:27, Larry Siden <lsi...@westside-consulting.com> wrote:
> > > > > > > @jpgamaral, What browser are you trying this with?  It will not work at
> > > > > > all
> > > > > > > in IE<9 (I haven't tested it with IE9 yet).

> > > > > > > Also, did you check in the debugger whether something is getting returned
> > > > > > > for var img?

> > > > > > > Larry Siden,
> > > > > > > Westside Consulting LLC
> > > > > > > westside-consulting.com
> > > > > > >734-926-9614

> > > > > > > On Sat, Jun 25, 2011 at 12:09 PM, jpgamaral <jpgama...@gmail.com> wrote:
> > > > > > > > I get a blankimage. I'm following your steps exactly. I even tweaked
> > > > > > > > the parameters for jqplotToImage() but I always get a blankimage:/
> > > > > > > > Any ideas why?

> > > > > > > > $("#exportPNG").click(function() {
> > > > > > > >        var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > > > >        if (img) {
> > > > > > > >                open(img.toDataURL("image/png"));
> > > > > > > >        }
> > > > > > > > });

> > > > > > > > Best regards!

> > > > > > > > On 27 Maio, 18:31,lsiden<lsi...@gmail.com> wrote:
> > > > > > > > > PS - I haven't tested this for any plots other than my own, so it may
> > > > > > > > > need refinement/further development to be useful to a wider
> > > > > > > > > community.  But I think its a good start or at least a reference for
> > > > > > > > > others who want to do the same.

> > > > > > > > > On May 27, 1:28 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > I have some code (https://github.com/lsiden/export-jqplot-to-png)
> > > > > > that
> > > > > > > > > > successfully exports a series of jqplot canvases and divs to a PNG,
> > > > > > > > > > preserving fonts.  I did it as a jQuery extension, so the usage is

> > > > > > > > > >       var img = $('#chartdiv').jqplotToImage(50, 0);
> > > > > > > > > >       if (img) {
> > > > > > > > > >         open(img.toDataURL("image/png"));
> > > > > > > > > >       }

> > > > > > > > > > The arguments (50, 0) are x and y offsets.  I found this necessary
> > > > > > > > > > because on my plot, the labels on the x-axis are rotated and the
> > > > > > first
> > > > > > > > > > one was getting clipped by the edge of the drawing canvas while
> > > > > > > > > > exporting.  So I needed a way to tell it to move everything over by
> > > > > > an
> > > > > > > > > > offset in order to accomodate the part of the label that would
> > > > > > > > > > otherwise get clipped.'

> > > > > > > > > > Here is a blog post for details:
> > > > > > > >http://westside-consulting.blogspot.com/2011/05/some-users-of-jqplot-.
> > > > > > ..

> > > > > > > > > > On May 19, 8:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > OMG! - It's much easier than I thought!!!:

> > > > > > > > > > >http://pastie.org/1929353

> > > > > > > > > > > Then, "window.open($('#myCanvas').canvasToImage());"

> > > > > > > > > > > On May 19, 7:14 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > Bit-wise 'or' is no better than '+' at combining the multiple
> > > > > > > > > > > > canvases, but using '^' (xor), I was at least able to get some
> > > > > > > > > > > > outlines of the plot lines (edges only).  I think that the
> > > > > > trick
> > > > > > > > here
> > > > > > > > > > > > is figuring out and emulating how the browser displays these
> > > > > > > > multiple
> > > > > > > > > > > > canvases in the page.

> > > > > > > > > > > > On May 19, 6:40 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > > My client, a major telecom company, wants me to provide a way
> > > > > > to
> > > > > > > > > > > > > extract a plot as aPNG.  Since they will pay me to do it, I
> > > > > > would
> > > > > > > > > > > > > like to propose that I do this as a plug-in.  Chris, what are
> > > > > > the
> > > > > > > > main
> > > > > > > > > > > > > "gotchas" or obstacles to doing this that you are already
> > > > > > aware
> > > > > > > > of?
> > > > > > > > > > > > > On my first attempt using @golubev's proposed code (see my
> > > > > > > > > > > > > "pastie.org" link above), I found that the main problem was
> > > > > > how
> > > > > > > > to
> > > > > > > > > > > > > merge the multiple canvases (one of my plots has over 50!)
> > > > > > into a
> > > > > > > > > > > > > single canvas without obscuring anything.  I think that the
> > > > > > > > addition
> > > > > > > > > > > > > operator is too crude.  Perhaps I need to try a bit-wise 'or'
> > > > > > > > > > > > > operator.

> > > > > > > > > > > > > The non-canvas div elements are a separate issue that I
> > > > > > believe
> > > > > > > > can be
> > > > > > > > > > > > > handled.

> > > > > > > > > > > > > On May 16, 7:00 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > > > FWIW, made a few "improvements":
> > > > > >http://pastie.org/1913434But
> > > > > > > > still
> > > > > > > > > > > > > > getting nothing but the bare gridlines.

> > > > > > > > > > > > > > On May 16, 6:42 pm,lsiden<lsi...@gmail.com> wrote:

> > > > > > > > > > > > > > > @golubev, thank you!  This is exactly what I was looking
> > > > > > for!

> > > > > > > > > > > > > > > It almost works for me, but not quite.  In the
> > > > > > resultingPNG,
> > > > > > > > I can
> > > > > > > > > > > > > > > see the grid lines, and the axis, but no plot lines and
> > > > > > no
> > > > > > > > labels of
> > > > > > > > > > > > > > > any sort.  I wonder if the problem is that the new
> > > > > > graphic
> > > > > > > > context
> > > > > > > > > > > > > > > does not have high enough resolution so nothing comes out
> > > > > > > > clearly.
> > > > > > > > > > > > > > > Would you know how to overcome this?

> > > > > > > > > > > > > > > On Apr 14, 3:31 am, golubev <vgolu...@b1team.ru> wrote:

> > > > > > > > > > > > > > > > This is my code:

> > > > > > > > > > > > > > > > functioncanvasToImage(canvas,backgroundColor)
> > > > > > > > > > > > > > > >     {

> > > > > > > > > > > > > > > >         //cache height and width
> > > > > > > > > > > > > > > >         var w = canvas[0].width;
> > > > > > > > > > > > > > > >         var h = canvas[0].height;

> > > > > > j("#tempcanvas").attr('width',w).attr('height',h);
> > > > > > > > > > > > > > > >         var newCanvas = j("#tempcanvas")[0];
> > > > > > > > > > > > > > > >         var newContext = newCanvas.getContext("2d");

> > > > > > > > > > > > > > > >        

> This is great stuff and I am using it with total success in all
> browsers except IE. I would like to figure out how to make it work in
> IE9. I'm using the code file that you wrote for IE9 and still no
> worky.

> Anyone else had this problem?

> --
> You received this message because you are subscribed to the Google Groups

> To post to this group, send email to jqplot-users@googlegroups.com.
> To unsubscribe from this group, send email to

> For more options, visit this group at

On Tuesday, August 23, 2011 at 11:14 PM, Larry Siden wrote:
> Glad too great you found it useful!  IE 9 is supposed to support the HTML 5 canvas but it's still IE!  Let its know if your able to feet anywhere.
> On Aug 23, 2011 6:56 PM, "BB" <bbai...@compasslabs.com (mailto:bbai...@compasslabs.com)> wrote:
> > This is great stuff and I am using it with total success in all
> > browsers except IE. I would like to figure out how to make it work in
> > IE9. I'm using the code file that you wrote for IE9 and still no
> > worky.

> > Anyone else had this problem?

> > --
> > You received this message because you are subscribed to the Google Groups "jqplot-users" group.
> > To post to this group, send email to jqplot-users@googlegroups.com (mailto:jqplot-users@googlegroups.com).
> > To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com (mailto:jqplot-users%2Bunsubscribe@googlegroups.com).
> > For more options, visit this group at http://groups.google.com/group/jqplot-users?hl=en.

>  --
>  You received this message because you are subscribed to the Google Groups "jqplot-users" group.
>  To post to this group, send email to jqplot-users@googlegroups.com (mailto:jqplot-users@googlegroups.com).
>  To unsubscribe from this group, send email to jqplot-users+unsubscribe@googlegroups.com (mailto:jqplot-users+unsubscribe@googlegroups.com).
>  For more options, visit this group at http://groups.google.com/group/jqplot-users?hl=en.