DEV Community

Using Plotly to draw charts in React Native

Ryan Baxley on January 12, 2019

While working on a React Native version of a web dashboard, I struggled to find a charting libary that would meet my needs. The one I tried were n...
Collapse
 
projectmanager1106 profile image
Projectmanager1106

Hello @rynobax, Thanks for your post. This is Derek

I am looking for a specific chart compatible with React Native app. The chart will be exactly same to bloomberg.com/features/2015-stock-... for one stock (APPL) with last 10 years data. The graph/chart needs to have the same look-n-file, transitioning/motion etc. I would like to clarify that Chart should exactly work like bloomberg.com/features/2015-stock-... step chart. Could you guide me for it?

Thanks,
Derek

Collapse
 
mrcflorian profile image
mrcflorian

Using a Webview sounds a little hacky and it might hurt performance. Have you considered React Native Chart Kit?

Collapse
 
rynobax_7 profile image
Ryan Baxley

I looked into a lot of charting libraries, but none of them met my needs. For example, that library doesn't look like it supports complex background coloring, or panning/zooming the chart.

As for performace, ignoring the initial load time, this was by far the fastest solution I came across. Most libraries I tested slowed down on hundreds of points, but plotly worked fine.