Comments (4)
<ChartView
style={{ height: 270, marginTop: 5}}
config={conf}
originWhitelist={[""]}
useWebKit={true}
scalesPageToFit={undefined}
/>
You may try by adding below properties, It worked for me.
originWhitelist={[""]}
useWebKit={true}
scalesPageToFit={undefined}
from react-native-highcharts.
import React from 'react';
import { ScrollView, Platform } from 'react-native';
import ChartView from 'react-native-highcharts';
import { Ionicons } from '@expo/vector-icons';
const Graph = () => {
const Highcharts = 'Highcharts';
const conf = {
chart: {
type: 'spline',
backgroundColor: '#fefefe',
marginRight: 10
},
title: {
text: 'Random Data'
},
xAxis: {
type: 'date',
tickPixelInterval: 80,
},
yAxis: {
// To remove grid lines from background
gridLineWidth: 0,
title: {
text: 'Value'
},
labels: {
enabled: false
},
// TO get cut of lines
plotLines: [{
value: 50000,
dashStyle: 'dash',
width: 1,
color: '#AB966C',
label: {
text: 'Total Goal'
}
}]
},
tooltip: {
shared: true,
crosshairs: true
},
legend: {
enabled: false
},
// To remove the various exporting options
exporting: {
enabled: false
},
series: [{
name: 'Installation',
data: [11744, 43934, 52503, 57177, 69658, 97031]
}, {
name: 'Manufacturing',
data: [11744, 24916, 24064, 29742, 29851, 32490]
}, {
name: 'Sales & Distribution',
data: [11744, 17722, 16005, 19771, 20185, 24377]
}],
plotOptions: {
series: {
allowPointSelect: true,
}
},
// To remove highcharts.com credit
credits: {
enabled: false
},
};
return (
<ScrollView>
<ChartView
style={{ height: 300, marginTop: 40 }}
config={conf}
originWhitelist={[""]}
javaScriptEnabled={true}
domStorageEnabled={true}
/>
</ScrollView>
);
};
export default Graph;
The above code is rendering find in android but not in IOS.
Any help would be highly appreciated .
from react-native-highcharts.
I have the same problem :(
from react-native-highcharts.
@lkum11
I've update the source property and it works at my end.
source={Platform.OS == 'ios' ? { html: concatHTML } : { html: concatHTML, baseUrl: 'web/' }}
from react-native-highcharts.
Related Issues (20)
- Highchart 1.0.2 not rendering properly in real device in react-native 0.57.8 HOT 5
- Multiple Chart on the same View
- the events callback functions can`t do console.log(1) but can alert(1)
- High Chart is not supporting in React Native HOT 1
- Is it possible to use 'nodata' with the react native version?
- Charts not show data HOT 4
- Invalid SemVer Version HOT 2
- Is there any way of implementing Organisation chart ?
- WebView has been removed from React Native. HOT 4
- charts not visible ... HOT 7
- Can't access external variables inside events.load method and I want to access all the highchart apis outside the scope, please help HOT 3
- Show loading before the charts is loaded,
- Can't use word cloud in this package
- Tooltip not showing on Android but on iOS it does.
- variablepie chart not working HOT 1
- Time and Date both are not showing on X-Axis.
- Highlight chart Organizational hierarchy
- Data Points(Marker as a SVG) do not fully render when compiling Android Build HOT 1
- Unable to sync zooming of multiple charts.Is there any choice to sync zoom of charts in React native.
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 react-native-highcharts.