[Canvas components] allow to get the canvas

Is your feature request related to a problem? Please describe. The problem is to export graphs into png

Describe the solution you’d like A neat way to export canvas is to use toDataURL web api of canvas. To do this I need to be able to access the canvas. The solutions i am seeing are:

• allow users to use ref and forward it to canvas.
• if this is not possible because of how refs are used internally then provide a function getCanvas that gives back the current canvas ref
• worst solution, allow user to add an id tag that will be then able to query using document.getElementById

Describe alternatives you’ve considered Haven’t considered but open to suggestions

Additional context I am willing to do the changes myself via a PR, just interested in knowing what an acceptable solution is to you so i don’t do this in vein 😃

And if you arrived here, thanks for maintaining this awesome library

[bobylito]

Hi everybody,

I’m working with the Orbit team (@phacks and @dzello) on this topic. Thanks to the earlier discussion, I have something working already for the Line chart (see https://github.com/orbit-love/nivo/commit/8bd3a7e92f9c9ac91f7623054bdc3757af796651)

I’d like your feedback on the solution:

• am I doing something too much with the refs? 😅
• do you think there is a way to generalize the solution to all the charts? (I’m OK with custom code everywhere too)

Right now we don’t need charts beyond the lines and bars, does it make sense to provide this feature to all canvas based components? Would a PR with only the lines and bars be accepted?

Thanks for your time 😃

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!