score:12
highcharts works with the dom. you cannot use highcharts or charting libraries that depend on the dom directly in react native, but you can use charting libraries in a webview with react native. i have not use high charts specifically, but have used other charting libraries with webview and it works great.
score:0
add this line to the chartview component : originwhitelist={['']}
example:
<chartview style={{height:300}} config={conf} originwhitelist={['']}></chartview>
score:1
you can use this module: react-native-highcharts.
it works using the web engine on android or ios and the highcharts javascript module to render dynamic charts.
example:
<chartview style={{height:300}} config={conf}></chartview>
score:2
here you can use this component to send the config json to the componente and it will be displayed
score:2
two main ways you can utilise highcharts in react native app are :
- webview component. i used this technique on other platforms (appcelerator titanium) as well.
- official minimal highcharts wrapper for react : highcharts-react-native.
as of now pre-requisite for this are:- node 11.2+
- npm 6.7.0+ or similar package manager
- react 16.4+
- react native 0.59.3+
to install:
npm install @highcharts/highcharts-react-native
note: there are other un-official wrappers as well like react-native-highcharts but i have not used them.
Source: stackoverflow.com
Related Query
- Can we use Highcharts with React-Native?
- Is there any way we can use Highcharts with mPDF converter?
- Can I use highcharts in a pdf generate with prawn in Rails?
- How to use Highcharts React to create chart with multiple lines for same XAxis?
- How can I make React Native in Android aware of a click event in a tooltip in a Highcharts chart?
- Highcharts organization chart (org chart) with React Native
- Can I use iron-localstorage and iron-ajax with highcharts
- how can I use rangeselector and navigation in highcharts in the given code
- How to use highcharts with angular 5?
- How To Use Epoch Time With Highcharts Series Data?
- How to use highcharts with princeXML?
- Highcharts chart with 'datetime' xAxis - use categories on drilldown
- Rails ActiveRecord group_by & sum db results for use with Lazy HighCharts
- Can I with highcharts column stacking on hover not highlighting the whole serie
- Use Twitter Bootstrap popover with Highcharts
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- How do I use an Highcharts Solid Gauge in angular 6 with typescript?
- How can i force Highcharts to use same symbols in Legend and Series?
- Highcharts - Global configuration with common code and unique data & Headings
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Can I sychronize two highcharts series with different years (leap year)
- How do I use Highcharts to display candlestick with small values?
- Angular4 with highcharts can't use world.js
- How to use Highmaps and Highcharts with Meteor?
- Can a Highcharts range selector use non-date linear ranges?
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- Gauge Series of Highcharts with React not the Solid Gauge but Gauge Series
- How to scale Highcharts height on window resize with React
- How to draw a bubble map with longitude and latitude using Highcharts in react
- How can I make a graph with highcharts from csv file?
More Query from same tag
- Highchart, How to export along with sub-topics Highcgarts Drilldown
- highcharts graph with one regular column and one stacked column
- Highcharts activity gauge in Shiny
- Highcharts text in the exported image only
- How to increase weight of wordcloud for weight value less than 5 in highcharts
- HTML Content to Javascript Code
- How to adjust vertical labels on this Line Chart?
- Highcharts yaxis labels cut off/overflow
- Highcharts in Node
- highstocks responsive styling not working in different devices
- Why does my addSeries (in highcharts) only display names of the series but not the actual pie chart itself
- How can I scrape Json data from Highcharts (stats.twitchapps.com)
- Dynamically add and remove custom export button in highcharts
- High chart php, line not plotting, no error,
- Not able to click (Sometimes) categories(Y-axis) of gantt chart after updating series data results
- Highcharts - Drag ColumRange
- Synchronized tooltips positioning with line and horizontal bar charts
- Highcharts Label Formatter Issue
- Highcharts Gauge not showing in Angular
- Disabling Handlebars in HighStock charts navigator
- High Charts not working
- refresh data using scriptblock vb.net
- Get the currently selected range from RangeSelector in Highstock
- JSON and Python Django - can't get around same origin issue- callback function isn't called
- highchart created using value from mysql, how to export it using phantomjs
- Changing the epoch to respective timezone in Highcharts and showing the time on x-axis
- how to call high chart in asp.net
- How to display Highcharts x-axis time stamp labels inside tooltip?
- Highcharts: Delete legend displayed only on chart and keep bottom legend
- Highcharts random realtime with detecting too high value