Javascript React本机Web视图图表在android中不起作用
在过去的两天里,我一直在努力克服这个错误 我正在开发一款手机应用程序,它是react native。在这里,我想显示一些谷歌图表在我的应用程序与网络视图的帮助 在ios中,一切都很好,我得到了想要的输出,但不知何故,它在android中不起作用 反应代码-Javascript React本机Web视图图表在android中不起作用,javascript,charts,react-native,webview,google-visualization,Javascript,Charts,React Native,Webview,Google Visualization,在过去的两天里,我一直在努力克服这个错误 我正在开发一款手机应用程序,它是react native。在这里,我想显示一些谷歌图表在我的应用程序与网络视图的帮助 在ios中,一切都很好,我得到了想要的输出,但不知何故,它在android中不起作用 反应代码- import React, { Component } from 'react'; import { StyleSheet, WebView } from 'react-native'; export default class App
import React, { Component } from 'react';
import { StyleSheet, WebView } from 'react-native';
export default class App extends Component {
render() {
return (
<WebView
javaScriptEnabled={true}
source={{uri: 'my url'}}
/>
);
}
}
import React,{Component}来自'React';
从“react native”导入{StyleSheet,WebView};
导出默认类应用程序扩展组件{
render(){
返回(
);
}
}
**HTML代码-**
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="centerwise_chart" style="width: 100%; height:100%; overflow-x: scroll;" ></div>
<script type="text/javascript" >
initEnrollmentChart();
function initEnrollmentChart() {
google.charts.load('current', {
'packages': ['bar']
});
google.charts.setOnLoadCallback(drawCenterWiseChart);
}
function drawCenterWiseChart() {
let graphData = [];
graphData[0] = ['Centers', 'Achieved Target', 'Actual Target', 'Total
Area Target'];
graphData[1] = ['Center 2', 11, 8, 22];
graphData[2] = ['Center 3', 10, 2, 21];
var data = google.visualization.arrayToDataTable(graphData);
var options = {
chart: {
title: 'Center Performance',
subtitle: 'Achieved vs Actual Targets',
},
colors: ['#f0ad4e', '#5cb85c', '#3097D1'],
};
var chart = new
google.charts.Bar(document.getElementById('centerwise_chart'));
chart.draw(data, google.charts.Bar.convertOptions(options));
}
</script>
initEnrollmentChart();
函数initEnrollmentChart(){
google.charts.load('current'{
“包”:[“条”]
});
setOnLoadCallback(drawCenterWiseChart);
}
函数drawCenterWiseChart(){
设graphData=[];
图数据[0]=['中心','实现目标','实际目标','总计
区域目标“];
图形数据[1]=[中心2',11,8,22];
图形数据[2]=[中心3',10,2,21];
var data=google.visualization.arrayToDataTable(graphData);
变量选项={
图表:{
标题:“中心表演”,
副标题:"实现与实际目标",,
},
颜色:['f0ad4e'、'5cb85c'、'3097D1'],
};
var图表=新
google.charts.Bar(document.getElementById('centerwise_-chart');
绘制(数据,google.charts.Bar.convertOptions(选项));
}
请帮助我解决此问题。错误消息是什么?没有错误消息。它给我显示了一个白色的屏幕