Can't access external variables inside events.load method and I want to access all the highchart apis outside the scope, please help

[San10694]

I want to access all the high chart APIs outside the scope, I tried ref={'chart' } but didn't help, I am getting all the props via ref but not other functions

for the example, how to use below statements outside of the scope like in componentDidMount() ( ie. this.series[0] is not available outside the scope) var series = this.series[0]; setInterval(function () { var x = (new Date()).getTime(), // current time y = Math.random(); series.addPoint([x, y], true, true); }, 1000);

[dinhtrumdieu]

same issue. Any Solution ?

[San10694]

use WebView from react-native, insert data in the webview like this <WebView style={{ height: 200, }} ref={'highCharts'} source={{ html:<your highchart string > }} />

and for accessing functions use this

this.refs.highCharts.postMessage(JSON.stringify(data))

and for listening data use this inside your highchart string

` document.addEventListener("message", (event) => {

}) `

[dinhtrumdieu]

use WebView from react-native, insert data in the webview like this <WebView style={{ height: 200, }} ref={'highCharts'} source={{ html:<your highchart string > }} />

and for accessing functions use this

this.refs.highCharts.postMessage(JSON.stringify(data))

and for listening data use this inside your highchart string

` document.addEventListener("message", (event) => {

}) `

It would be great if you could show an example for use series.addPoint() . I'm stuck this issues