React-pdf: Including graph from rechart

Created on 25 Jul 2019  路  10Comments  路  Source: diegomura/react-pdf

Is your feature request related to a problem? Please describe.
I am trying to include the graph that are generated by recharts

new feature

Most helpful comment

How can I render SVGs with the current beta on NPM (2.0.0-beta.6)? This package doesn't seem to export an Svg component. Is there some kind of documentation for this feature or an example source code?

All 10 comments

Unfortunately not until I finish SVG support. It's been really hard to find some time to hack into that lately

Unfortunately not until I finish SVG support. It's been really hard to find some time to hack into that lately

When will this get done? I'm having same issue.

SVG is in progress on 2.0.

I'm trying to display a barcode using react-barcode and getting 'Error: Invalid element of type svg passed to PDF renderer'. Is this close to done?

I ran into this issue as well and ended up using puppeteer. It's not an advertisement for my repo - just trying to help people who can't wait for 2.0 (it's not an NPM). For people who have access to server-side; I created a working repo for Node that generates PDF using recharts SVG and also the CRA logo:
https://github.com/brianzinn/crapdf

Thanks @brianzinn ! Definitely helpful. 2.0 is on NPM though! As a beta version for the moment

How can I render SVGs with the current beta on NPM (2.0.0-beta.6)? This package doesn't seem to export an Svg component. Is there some kind of documentation for this feature or an example source code?

Is there any estimate for this version to be ready? I tried to render the recharts graph using the beta version, but I couldn't. :disappointed:

Any timeline for this feature? I am trying to use D3 to render charts. The only possible way right now is to rasterise charts to image and then render in the PDF. I would like to see lossless support from react-pdf. Cheers.

Don't have an estimate yet but I'm publishing new beta versions as often as I can while I test and fix the remaining stuff

Was this page helpful?
0 / 5 - 0 ratings

Related issues

diegomura picture diegomura  路  4Comments

kishaningithub picture kishaningithub  路  4Comments

jbrat picture jbrat  路  3Comments

benbenedek picture benbenedek  路  3Comments

pavle-lekic-htec picture pavle-lekic-htec  路  4Comments