Comments (15)
At this moment all problems are combined and described here: #39 (also including some fixes/workarounds).
from highcharts-react-native.
It seems that the html file load js or css as relative path, it works when serve on local dev server, but can not reference in published bundle
from highcharts-react-native.
Hi @Zuozhuo,
Thank you for reporting about the bug. I will check it.
from highcharts-react-native.
It is my understanding that iOS webviews load local static files from an internal local webserver on port 8081. The static file requests look something like http://localhost:8081/assets/node_modules/@highcharts/highcharts-react-native/highcharts-layout/css/styles.css
. The webview doesn't seem to have access to, or permission to access or execute files in the node_modules/@highcharts...
directory once the App is compiled.
I have detailed a solution for ejected Apps here but I don't know how this can be applied to expo Apps.
from highcharts-react-native.
@Zuozhuo
Can you test solution of @r-bman and let us know about your results.
from highcharts-react-native.
The new version (2.0.2) has been already released.
Please test and let me know about your results.
from highcharts-react-native.
has this been resolved? I am using v2.1.1 and am experiencing this issue. everything worked great locally but when the app was published, I get an empty box where the highchart should render.
this really seems like something that should be mentioned in the readme. not something users find out after only after publishing their apps.
from highcharts-react-native.
Have you tried to move files to the correct path (android) -> https://github.com/highcharts/highcharts-react-native#files-are-not-loaded
from highcharts-react-native.
no, this was with an iOS app published with Expo and released through the Apple App Store.
from highcharts-react-native.
I tested this a little while ago but haven't had chance to comment. I was unable to get the latest version of the library working with local highcharts files on iOS using this method, which worked previously. IIRC the error I received in the webview console was something to do with CORS. I was only able to get the library working when the highcharts files are loaded from the cdn.
from highcharts-react-native.
@r-bman so if you loaded the files from the CDN, did it work in a published app, or just locally when developing? would it be possible for you to show your code of how you configured using the CDN? I'm unclear if it involves more than just passing the useCDN
prop - ie, what is the CDN URL, which version of highcharts is this loading from CDN, etc?
from highcharts-react-native.
@axelav I haven't published an App using this library so I'm afraid I can't help you there. I think I just set the useCDN
prop to true, yes. You can see what the useCDN
prop does in HighchartsReactNative.js. I opted not to use this library in the end, in favour of a custom solution which is not currently published.
from highcharts-react-native.
@r-bman gotcha, thanks for that info!
from highcharts-react-native.
It can be related with the issue react-native-webview/react-native-webview#875, Im waiting for a feedback from users about that.
from highcharts-react-native.
any further info on this one?
from highcharts-react-native.
Related Issues (20)
- Chart is not rendering in Android with hermes enable in react native. HOT 1
- Unable to update series data. HOT 3
- HighChart- When I use useUTC: false then x axis data are not showing properly HOT 6
- onLoad callback function prop HOT 1
- Chart does not render on Samsung Galaxy S20 Ultimate LTE (Android 11)
- App is crashing when chart goes out of screen doing scroll. HOT 6
- ios - non-expo - Failed to fetch script or layout - hcsript count not be read HOT 7
- Boost Module Usage
- On IOS I can only render series with 110670 data points HOT 2
- How do I define custom gauges? HOT 4
- Customize chart loader HOT 3
- App is crashing when chart goes out of screen doing scroll in Android 10. HOT 5
- Library is being used and our app is live HOT 8
- Chart is not rendering after generating apk file and installed on mobile HOT 12
- Can it rotate 3d scatter chart? HOT 1
- Is there anyway to use this library in a project which is initialized by Expo & using Typescript template? HOT 6
- `plotOptions.series.point.events` (event) param doesn't work in production
- The styledMode tru gives only black and dark mode not working HOT 2
- Not able to access the variable inside the formatter
- no news on this package
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from highcharts-react-native.