react-native-highcharts icon indicating copy to clipboard operation
react-native-highcharts copied to clipboard

Published 20 hours ago • verified publisher icon TradingPal

charts not visible ...

Open intruder09 opened this issue 4 years ago • 7 comments

I have been using this library since almost for 8-9 months ..... and today all os sudden . charts disappeared and doesn't show any error, can you let us know if there is anything new has come up.

intruder09 avatar Nov 01 '19 16:11 intruder09

Hi finpeg123, I'm sharing the same problem. The cause is that the library uses external scripts, which were updated on 31-10-2019. Hope it will be fixed soon.

The external scripts are being used on index.js and on react-native-highchart.js:

<head> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> ${this.props.stock ? '<script src="https://code.highcharts.com/stock/highstock.js"></script>' : '<script src="https://code.highcharts.com/highcharts.js"></script>'} ${this.props.more ? '<script src="https://code.highcharts.com/highcharts-more.js"></script>' : ''} ${this.props.guage ? '<script src="https://code.highcharts.com/modules/solid-gauge.js"></script>' : ''} <script src="https://code.highcharts.com/modules/exporting.js"></script> <script>

Yonatanos avatar Nov 03 '19 14:11 Yonatanos

Hi, I have the same issue :/ all graphs in my app just went blank on 31-10-2019 as you said @Yonatanos

Does anyone know if this is a known issue by the developers of those scripts? Is it affecting other highcharts wrappers or just this one? If not, any ideas on who we can contact or are we just supposed to wait...?

jackcb123 avatar Nov 04 '19 02:11 jackcb123

I fixed it by adding version for all external script js Exp: https://code.highcharts.com/7.2.0/modules/exporting.js

tackanoway35 avatar Nov 04 '19 04:11 tackanoway35

can you please just paste the code

intruder09 avatar Nov 04 '19 04:11 intruder09

@tackanoway35 thanks man just need to edit src of js in change react-native-highcharts.js

                    ${this.props.stock ? '<script src="https://code.highcharts.com/stock/7.2.0/highstock.js"></script>'
                                  : '<script src="https://code.highcharts.com/7.2.0/highcharts.js"></script>'}
                    ${this.props.more ? '<script src="https://code.highcharts.com/7.2.0/highcharts-more.js"></script>'
                                  : ''}
                    ${this.props.guage ? '<script src=""https://code.highcharts.com/7.2.0/modules/solid-gauge.js"></script>'
                                  : ''}
                    <script src="https://code.highcharts.com/7.2.0/modules/exporting.js"></script>
                    <script>

intruder09 avatar Nov 04 '19 05:11 intruder09

Hi Guys, I did face the same issue, In my case I didn't pass Options in props so its creating issue, it wasn't creating issue earlier. Just pass options as props like below for quick fix. <ChartView style={{ flex: 1, height: 250 }} config={graphConfigData} javaScriptEnabled domStorageEnabled originWhitelist={['']} options='' />

I have crated Pull Requested by fixing null/undefined option props.

https://github.com/TradingPal/react-native-highcharts/pull/114/files

jigs611989 avatar Nov 04 '19 07:11 jigs611989

@jigs611989 this solved a mysterious disappearing chart for our React Native on ios app too.

njt1982 avatar Nov 11 '19 13:11 njt1982