Comments (6)
Hi @cupatil ,
Thank you for contacting us again.
Could you explain in more details what did you mean by saying "are not showing properly"?
I've tested your code with native Highcharts, and it looks totally fine to me (or the problem is unnoticeable for the first glance), except the error in the developer console caused by a wrong order of provided data points. Here is the demo: https://jsfiddle.net/BlackLabel/w0y2ghtc/
If you meant the fact the x axis values have the time offset while changing the useUTC
value, it's totally expected behaviour. Please take a look on the docs: https://api.highcharts.com/highcharts/time.useUTC
Kind regards!
from highcharts-react-native.
On X-Axis labels (time interval or offset) are not visible if we provide useUtc
value. As also not visible in demo (https://jsfiddle.net/BlackLabel/w0y2ghtc/). If we remove useUtc
then the X-axis datapoint interval showing properly.
Can you please explain how data points are wrongly ordered?
Actually, I have the same data series as per jSfidle and the timezone of time is "US/Eastern" and I want to convert that time series to Indian standard time. Can you please also help me with how can I implement this?
from highcharts-react-native.
I'm really sorry, but here we're doing all the best to resolve the issues of highcharts-react-native
package, and track its eventual bugs/problems, but these kind of questions are not directly related with this library though (Highcharts React Native wrapper), and suspect they suppose to be asked through the one of official support channels (StackOverflow, Highcharts forum, or via e-mail [email protected]), so you can always contact our support team. They should dispel your doubts without any problem.
On X-Axis labels (time interval or offset) are not visible if we provide useUtc value. As also not visible in demo (https://jsfiddle.net/BlackLabel/w0y2ghtc/). If we remove useUtc then the X-axis datapoint interval showing properly.
No matter how I set the useUTC
either equal to false
, or true
xAxis labels are always visible to me. Here are the screenshots:
Can you please explain how data points are wrongly ordered?
After opening the browser's console, you can notice the Highcharts #15 error, which means that your data points are not in ascending order (by x value).
Kind regards!
from highcharts-react-native.
But I am executing same JsFidle code of yours from this https://jsfiddle.net/BlackLabel/w0y2ghtc/
But not showing X-axis values Please check screenshot for the same
from highcharts-react-native.
Also, I have given the below data in ascending order but x-axis values are not showing
Data=[[1607912100000, 1.6063], [1607912160000, 1.6061], [1607912220000, 1.6062]]
jsFidle: https://jsfiddle.net/chetanpatil1993/8j56091d/2/
from highcharts-react-native.
Unfortunately, I'm not able to reproduce it in any way (Chrome, Firefox, Edge combinations with OSX, and Windows).
Well, this problem should actually be reported directly on the Highcharts repository, because it looks the issue is not related with this wrapper.
Please report the problem there and link this issue to provide developers more information about this unexpected behaviour.
You can also include your system setup (system, and browser versions), to let them find the reason much more easier.
Kind regards!
from highcharts-react-native.
Related Issues (20)
- showing rangeSelector options HOT 1
- Chart is not rendering in Android with hermes enable in react native. HOT 1
- Unable to update series data. HOT 3
- 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 5
- `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
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.