正在尝试在本机脚本web视图中使用highcharts。不起作用_Highcharts_Webview_Nativescript

正在尝试在本机脚本web视图中使用highcharts。不起作用

highcharts webview nativescript

正在尝试在本机脚本web视图中使用highcharts。不起作用,highcharts,webview,nativescript,Highcharts,Webview,Nativescript,我有个问题。我需要在移动应用程序中使用highcharts。所以我决定使用web视图。而且它在iOS和Android上都不起作用我有3个问题： 1）我尝试在我的网络视图中启动简单的highchairs演示。出了点问题。我在下面的代码中做错了什么？我想问题在于加载js脚本 web视图组件中的HTML代码如下所示： <html lang="en" > <head> <meta charset="utf-8" /> <meta name="

我有个问题。我需要在移动应用程序中使用highcharts。所以我决定使用web视图。而且它在iOS和Android上都不起作用

我有3个问题：

1）我尝试在我的网络视图中启动简单的highchairs演示。出了点问题。我在下面的代码中做错了什么？我想问题在于加载js脚本

web视图组件中的HTML代码如下所示：

<html lang="en" >
<head>
    <meta charset="utf-8" />
    <meta name="author" content="Script Tutorials" />
    <title>How to create active charts using Highcharts | Script Tutorials</title>

    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>

</head>
<body>
    <div id="chart_1" class="chart"></div>
    <script type='text/javascript'>
    $(document).ready(function() {

// First chart initialization
var chart1 = new Highcharts.Chart({
 chart: {
    renderTo: 'chart_1',
    type: 'area',
    height: 350,
 },
 title: {
    text: 'Tools developers plans to use to make html5 games (in %)'
 },
 xAxis: {
    categories: ['Processing.js', 'Impact.js', 'Other', 'Ease.js', 'Box2D.js', 'WebGL', 'DOM', 'CSS', 'Canvas', 'Javascript']
 },
 yAxis: {
    title: {
       text: 'Interviewed'
    }
 },
 series: [{
    name: 'Dev #1',
    data: [5, 10, 20, 22, 25, 28, 30, 40, 80, 90]
 }, {
    name: 'Dev #2',
    data: [15, 15, 18, 40, 30, 25, 60, 60, 80, 70]
 }, {
    name: 'Dev #3',
    data: [1, 3, 6, 0, 50, 25, 50, 60, 30, 100]
 }]
});

});</script>
</body>
</html>

PS:generateChartHtml函数很简单，只返回上面编写的html代码

这是我的component.html：

<ActionBar title="chaaaRtT">
</ActionBar>

<StackLayout #container VerticalOptions="FillAndExpand" height="350" [ngClass]="{'isSigningUp' : !isLoggingIn}">
    <WebView  #myWebView [src]="webViewSrc"></WebView>
    <Label  #labelResult></Label>
</StackLayout>


2） 如何在web视图中通过html加载本地文件
我想1659号问题的解决方案已经过时了。它也没有提到iOS。
它并没有说，当它试图加载css/js文件时，html文件的根是什么。
举个例子
<head>
   <link rel="stylesheet" href="/form.css"/>
</head> 



最后一点：
3） 它会尝试从计算机的根目录加载form.css，还是从某个“本地”根目录（即当前文件夹）加载form.css
提前感谢您的帮助解决方案：
1） iOS:-这将允许向任何域发出http请求。默认情况下，iOS中的本机脚本处于禁用状态
2） 与任何web应用程序中相同
3） 只是相对于webview html文件所在的文件夹
<head>
   <link rel="stylesheet" href="/form.css"/>
</head>