Convert jqplot chart to image

javascript image canvas jqplot
Mich picture Mich · Jun 8, 2011 · Viewed 8.2k times · Source

I'm trying to convert the entire jqplot bar chart, including it's legend and chart title, to image. However, using toDataURL and steps in this post (Convert canvas to image and open in new window using ruby on rails and javascript), I'm only able to convert the chart with it's axis and axis label to image.

As the legend and chart title is not rendered on the canvas, they are not being converted.

Can someone tell me how to convert the chart title and legend with the canvas please?

Answer

Tim picture Tim · Jun 8, 2011

Since the title and axes are div and not img or canvas I think the only solution would be to write every text in a canvas with the fillText() function. Then convert this to picture.

You can write in canvas like that : fillText("Hello World!", x, y);

Now you can also add this to jQplot as a plugin :)

Good luck

Related questions

Resize image with javascript canvas (smoothly)

I'm trying to resize some images with canvas but I'm clueless on how to smoothen them. On photoshop, browsers etc.. there are a few algorithms they use (e.g. bicubic, bilinear) but I don't know if these are built into …

Read More
Can I get image from canvas element and use it in img src tag?

Is there possibility to convert the image present in a canvas element into an image representing by img src? I need that to crop an image after some transformation and save it. There are a view functions that I found …

Read More
Wait for image to be loaded before going on

I'm developing a game using JavaScript and canvas. As the game loads, all images that will be used are being cached. Observing the resource timeline, I see that the following code triggers an asynchronous request: var sprite = new Image(); sprite.…

Read More