如何使用webview在React-Native中使用Highcharts？

Question

我想在react-Native中的webview中呈现图表。我用highcharts npm包。

我定义了Webview之类的东西

<WebView  ref='webview' />

在componentDidMount中，我写过

 componentDidMount(){

    var chart = Highcharts.chart(this.refs.webview,{
        series: [{
          data: [1, 3, 2, 4]
        }],
          // ... more options - see http://api.highcharts.com/highcharts 
      });
}

但是它抛出错误。

有人可以指出我在这里做错了什么。谢谢

Answer 1

我建议使用react-native-highcharts或highcharts-react-native npm软件包。它通过react-native-highcharts中的ChartView组件和HigchchartsReactNative中的highcharts-react-native组件为您完成此操作。我认为您正在编写react-highcharts的代码，并尝试将其放入WebView。我不建议这样做。这里有一些链接

https://www.highcharts.com/blog/post/creating-mobile-charts-with-highcharts-react-native/

https://www.npmjs.com/package/react-native-highcharts

[主要区别在于，react-native-highcharts是第三方软件包，支持大多数高级图表产品，例如highstock或highmaps，而highcharts-react-native仅支持highcharts。