Comments (12)
@sebastianbochan Hello again,
I found my mistake I don't think the mistake was because of the highcharts-react-native.
I have legacy code and ChartView style prop was given as "style" and was working. When I update to version 2.0.3 (because of the webview changes) I did not change my prop to "styles" because I did not know this was changed. I could not see a changelog and since I am not making changes on charts I did not take a look at your example :)
When I took a look again with a fresh mind to source code of the highcharts-react-native I have realized this is changed. So I have changed my props and working well.
Thanks a lot for your attention.
Merry Christmas!
from highcharts-react-native.
Thank you for the reporting.
Will fix this when fix for the #33 be ready, (as a result we avoid minor releases).
from highcharts-react-native.
Thank you for details!
At this moment its enough, will test and get back to you.
Please be aware of our christmas time so the feedback can be a little bit later.
from highcharts-react-native.
Do you use our master or beta branch?
from highcharts-react-native.
@sebastianbochan It is master branch.
"@highcharts/highcharts-react-native": "^1.0.0",
from highcharts-react-native.
Could you post your directive declaration (and chart if possible)?
from highcharts-react-native.
There is one more issue here. The error Can't find variable: userStyles
will appear if the device is rotated as userStyles
was created at constructor while we are trying to access it at onRotate
function.
It present only at master
branch as the issue is already fixed at beta
branch.
from highcharts-react-native.
Hi, I upgraded to 2.0.3 but still having this issue.
Here my versions;
-
"react-native": "https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz"
-
"expo": "^36.0.0"
-
"@highcharts/highcharts-react-native": "2.0.3"
from highcharts-react-native.
Hi @okanisildur,
Let me know if issue happend on rotation or on init?
Could you send me your config?
from highcharts-react-native.
This happened on init, I could not see charts even once.
const pieConfig = { chart: { animation: false, type: this.props.type }, title: { text: this.props.percentage, floating: true, verticalAlign: "middle", style: { fontSize: FontSizes.h2, fontWeight: "700" } }, tooltip: { enabled: true }, plotOptions: { pie: { showInLegend: true, animation: { duration: 750, easing: "easeOutQuad" }, shadow: true, center: ["50%", "50%"], cursor: "pointer", dataLabels: { enabled: false }, point: { events: { click: function() { moveToPoint(this); } } } }, series: { animation: { duration: 750, easing: "easeOutQuad" } } }, series: [ { animation: { duration: 750, easing: "easeOutQuad" }, name: Translation.Count, data: this.props.data, size: "90%", innerSize: "80%", dataLabels: { formatter: function() { return this.y > 5 ? this.point.name : null; }, color: "#ffffff", distance: -30 } } ], exporting: { enabled: false }, credits: { enabled: false } };
const lineConfig = {
chart: {
type: "line"
},
xAxis: [
{
type: "datetime",
labels: { format: "{value:%e. %b %H:%M}" }
}
],
yAxis: {
title: {
text: ""
},
plotLines: [
{
value: this.props.upper_limit,
color: '#546cff',
dashStyle: 'shortdash',
width: 2,
label: {
text: i18n.t("SensorDetailsScreen.upperLimit")
}
}]
},
legend: {
enabled: false
},
exporting: {
enabled: false
},
credits: {
enabled: false
},
rangeSelector: {
enabled: false
},
plotOptions: {
series: {
animation: {
duration: 2000
}
}
},
series: [
{
animation: {
duration: 2000
},
name: Translation[this.props.dataType],
data: this.props.data,
color: ColorList[this.props.dataType],
tooltip: {
valueDecimals: 2
}
}
],
scrollbar: {
enabled: false
},
navigator: {
height: Layout.isSmallDevice ? 40 : 50,
handles: {
width: Layout.isSmallDevice ? 20 : 20,
height: Layout.isSmallDevice ? 30 : 30
}
},
lang: {
noData: Translation.NoData
},
noData: {
style: {
fontWeight: "bold",
fontSize: FontSizes.h4,
color: "#303030"
}
}
};`
Sorry for messy looking, insert code did not work as expected.
from highcharts-react-native.
Thank you for the feedback, so now, all works properly, correct?
from highcharts-react-native.
That is correct.
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 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
- 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.