Reactjs 我们可以用Highcharts和React Native吗？

目前，我正在为我的web应用程序使用Highcharts，但现在我正在使用react native构建一个android应用程序。Highcharts将与React native一起工作。

Highcharts与DOM一起工作。不能在React Native中使用直接依赖于DOM的HighCharts或图表库，但可以在React Native中使用图表库。我没有专门使用High Charts，但在WebView中使用了其他图表库，效果非常好。

在这里，您可以使用此组件将配置json发送到组件，并将其显示出来

您可以使用此模块：

它使用Android或iOS上的web引擎和Highcharts JavaScript模块来呈现动态图表

例如：

<ChartView style={{height:300}} config={conf}></ChartView>

<ChartView style={{height:300}} config={conf} originWhitelist={['']}></ChartView>

---

将此行添加到ChartView组件：originWhitelist={['']}

例如：

<ChartView style={{height:300}} config={conf}></ChartView>

<ChartView style={{height:300}} config={conf} originWhitelist={['']}></ChartView>

---

在React Native应用程序中使用Highcharts的两种主要方法是：

组成部分。我在其他平台（Appcelerator Tianium）上也使用了这种技术

React:的最小Highcharts包装器。
到目前为止，这方面的先决条件是：

• 节点11.2+
• npm 6.7.0+或类似软件包管理器
• 反应16.4+
• 反应本机0.59.3+

要安装：

npm install @highcharts/highcharts-react-native

注意：还有其他类似的联合国官方包装，但我没有使用它们

---

有，所以也许你会在那里得到更多的信息。看起来现在页面不可用。这里的大多数答案看起来都过时了。请参考我2019年的回答。谢谢@Nader。但我仍然发现很难理解如何在webview中呈现此图表。我正在使用Highcharts npm软件包，但仍然不知道如何将其与WebViews一起使用，这是一个不同的问题，与此无关。我建议您接受@Nader的答案（如果合适的话），并为在WebView中使用HighCharts的方向创建一个单独的问题。