{"action":"created","issue":{"url":"https://api.github.com/repos/TradingPal/react-native-highcharts/issues/83","repository_url":"https://api.github.com/repos/TradingPal/react-native-highcharts","labels_url":"https://api.github.com/repos/TradingPal/react-native-highcharts/issues/83/labels{/name}","comments_url":"https://api.github.com/repos/TradingPal/react-native-highcharts/issues/83/comments","events_url":"https://api.github.com/repos/TradingPal/react-native-highcharts/issues/83/events","html_url":"https://github.com/TradingPal/react-native-highcharts/issues/83","id":339864771,"node_id":"MDU6SXNzdWUzMzk4NjQ3NzE=","number":83,"title":"Highchart 1.0.2 doesn't rendering in react-native 0.56.0","user":{"login":"marcoaurelioneto","id":557439,"node_id":"MDQ6VXNlcjU1NzQzOQ==","avatar_url":"https://avatars1.githubusercontent.com/u/557439?v=4","gravatar_id":"","url":"https://api.github.com/users/marcoaurelioneto","html_url":"https://github.com/marcoaurelioneto","followers_url":"https://api.github.com/users/marcoaurelioneto/followers","following_url":"https://api.github.com/users/marcoaurelioneto/following{/other_user}","gists_url":"https://api.github.com/users/marcoaurelioneto/gists{/gist_id}","starred_url":"https://api.github.com/users/marcoaurelioneto/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marcoaurelioneto/subscriptions","organizations_url":"https://api.github.com/users/marcoaurelioneto/orgs","repos_url":"https://api.github.com/users/marcoaurelioneto/repos","events_url":"https://api.github.com/users/marcoaurelioneto/events{/privacy}","received_events_url":"https://api.github.com/users/marcoaurelioneto/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2018-07-10T14:20:37Z","updated_at":"2018-07-18T02:04:55Z","closed_at":null,"author_association":"NONE","body":"**package.json**\r\n\r\n{\r\n  \"name\": \"SunnyWeather\",\r\n  \"version\": \"0.0.1\",\r\n  \"private\": true,\r\n  \"scripts\": {\r\n    \"start\": \"node node_modules/react-native/local-cli/cli.js start\",\r\n    \"test\": \"jest\"\r\n  },\r\n  \"dependencies\": {\r\n    \"react\": \"16.4.1\",\r\n    \"react-native\": \"0.56.0\",\r\n    \"react-native-highcharts\": \"^1.0.2\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"babel-jest\": \"23.2.0\",\r\n    \"babel-preset-react-native\": \"5.0.2\",\r\n    \"jest\": \"23.3.0\",\r\n    \"react-test-renderer\": \"16.4.1\"\r\n  },\r\n  \"jest\": {\r\n    \"preset\": \"react-native\"\r\n  }\r\n}\r\n\r\n**App.js**\r\n\r\n/**\r\n * Sample React Native App\r\n * https://github.com/facebook/react-native\r\n *\r\n * @format\r\n * @flow\r\n */\r\n\r\nimport React, {Component} from 'react';\r\nimport {Platform, StyleSheet, Text, View} from 'react-native';\r\nimport ChartView from 'react-native-highcharts';\r\n\r\n\r\nconst instructions = Platform.select({\r\n  ios: 'Press Cmd+R to reload,\\n' + 'Cmd+D or shake for dev menu',\r\n  android:\r\n    'Double tap R on your keyboard to reload,\\n' +\r\n    'Shake or press menu button for dev menu',\r\n});\r\n\r\ntype Props = {};\r\nexport default class App extends Component<Props> {\r\n  render() {\r\n    var Highcharts='Highcharts';\r\n    var conf={\r\n            chart: {\r\n                type: 'spline',\r\n                animation: Highcharts.svg, // don't animate in old IE\r\n                marginRight: 10,\r\n                events: {\r\n                    load: function () {\r\n\r\n                        // set up the updating of the chart each second\r\n                        var series = this.series[0];\r\n                        setInterval(function () {\r\n                            var x = (new Date()).getTime(), // current time\r\n                                y = Math.random();\r\n                            series.addPoint([x, y], true, true);\r\n                        }, 1000);\r\n                    }\r\n                }\r\n            },\r\n            title: {\r\n                text: 'Live random data'\r\n            },\r\n            xAxis: {\r\n                type: 'datetime',\r\n                tickPixelInterval: 150\r\n            },\r\n            yAxis: {\r\n                title: {\r\n                    text: 'Value'\r\n                },\r\n                plotLines: [{\r\n                    value: 0,\r\n                    width: 1,\r\n                    color: '#808080'\r\n                }]\r\n            },\r\n            tooltip: {\r\n                formatter: function () {\r\n                    return '<b>' + this.series.name + '</b><br/>' +\r\n                        Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +\r\n                        Highcharts.numberFormat(this.y, 2);\r\n                }\r\n            },\r\n            legend: {\r\n                enabled: false\r\n            },\r\n            exporting: {\r\n                enabled: false\r\n            },\r\n            series: [{\r\n                name: 'Random data',\r\n                data: (function () {\r\n                    // generate an array of random data\r\n                    var data = [],\r\n                        time = (new Date()).getTime(),\r\n                        i;\r\n\r\n                    for (i = -19; i <= 0; i += 1) {\r\n                        data.push({\r\n                            x: time + i * 1000,\r\n                            y: Math.random()\r\n                        });\r\n                    }\r\n                    return data;\r\n                }())\r\n            }]\r\n        };\r\n\r\n    const options = {\r\n        global: {\r\n            useUTC: false\r\n        },\r\n        lang: {\r\n            decimalPoint: ',',\r\n            thousandsSep: '.'\r\n        }\r\n    };\r\n    return (\r\n      <View style={styles.container}>\r\n        <Text style={styles.welcome}>Welcome to React Native!</Text>\r\n        <Text style={styles.instructions}>To get started, edit App.js</Text>\r\n        <Text style={styles.instructions}>{instructions}</Text>\r\n        <ChartView javaScriptEnabled={true}\r\ndomStorageEnabled={true} style={{height:300}} config={conf} options={options}></ChartView>\r\n      </View>\r\n    );\r\n  }\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    justifyContent: 'center',\r\n    // alignItems: 'center',\r\n    backgroundColor: '#F5FCFF',\r\n  },\r\n  welcome: {\r\n    fontSize: 20,\r\n    // textAlign: 'center',\r\n    margin: 10,\r\n  },\r\n  instructions: {\r\n    // textAlign: 'center',\r\n    color: '#333333',\r\n    marginBottom: 5,\r\n  },\r\n});\r\n\r\n**Error**\r\n\r\nPossible Unhandle Promise Rejection (id: 0): Error: Unable to open URL: file///....\r\n\r\n![image](https://user-images.githubusercontent.com/557439/42515818-0554ce7c-8433-11e8-9aa7-bcbcfe958ca5.png)\r\n\r\n![image](https://user-images.githubusercontent.com/557439/42515831-0dc9dbce-8433-11e8-898d-4c9d5ac341bf.png)\r\n\r\n![image](https://user-images.githubusercontent.com/557439/42516046-92098588-8433-11e8-828c-18a79c7b7303.png)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/TradingPal/react-native-highcharts/issues/comments/405785030","html_url":"https://github.com/TradingPal/react-native-highcharts/issues/83#issuecomment-405785030","issue_url":"https://api.github.com/repos/TradingPal/react-native-highcharts/issues/83","id":405785030,"node_id":"MDEyOklzc3VlQ29tbWVudDQwNTc4NTAzMA==","user":{"login":"VicFrolov","id":8305711,"node_id":"MDQ6VXNlcjgzMDU3MTE=","avatar_url":"https://avatars2.githubusercontent.com/u/8305711?v=4","gravatar_id":"","url":"https://api.github.com/users/VicFrolov","html_url":"https://github.com/VicFrolov","followers_url":"https://api.github.com/users/VicFrolov/followers","following_url":"https://api.github.com/users/VicFrolov/following{/other_user}","gists_url":"https://api.github.com/users/VicFrolov/gists{/gist_id}","starred_url":"https://api.github.com/users/VicFrolov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/VicFrolov/subscriptions","organizations_url":"https://api.github.com/users/VicFrolov/orgs","repos_url":"https://api.github.com/users/VicFrolov/repos","events_url":"https://api.github.com/users/VicFrolov/events{/privacy}","received_events_url":"https://api.github.com/users/VicFrolov/received_events","type":"User","site_admin":false},"created_at":"2018-07-18T02:04:55Z","updated_at":"2018-07-18T02:04:55Z","author_association":"NONE","body":"@nguyennam271 Any idea why adding `originWhitelist={['']}` solves the issue?"}}
{"actor":{"display_login":"VicFrolov"}}