Load html page having css and java script in android webview
<p>I have made html page which include css as well as javascript in my html. file run perfect on computer browser but can not load data on android webview.</p>

<p>My android code is </p>

<pre><code>web = (WebView) findViewById(R.id.web);
        web.getSettings().setSupportZoom(true);
        web.getSettings().setBuiltInZoomControls(true);
        web.getSettings().setJavaScriptEnabled(true);
        String str = "file:///android_asset/Chart.html";
        web.loadUrl(str);
        web.setVisibility(View.VISIBLE);
        web.setScrollBarStyle(ScrollView.SCROLLBARS_OUTSIDE_OVERLAY);
</code></pre>

<p>My html file code is</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
    &lt;title&gt;amCharts Example&lt;/title&gt;
    &lt;link rel="stylesheet" href="style.css" type="text/css"&gt;
    &lt;script src="amcharts.js" type="text/javascript"&gt;&lt;/script&gt;  
   &lt;script src="raphael.js" type="text/javascript"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript"&gt;
            var chart;
    var chartData = [{country:"USA", visits:4025, color:"#FF0F00"},
            {country:"China",visits:1882,color:"#FF6600"},
            {country:"Japan",visits:1809,color:"#FF9E01"},
            {country:"Germany",visits:1322,color:"#FCD202"},
            {country:"UK",visits:1122,color:"#F8FF01"},
            {country:"France",visits:1114,color:"#B0DE09"},
            {country:"India",visits:984,color:"#04D215"},
            {country:"Spain",visits:711,color:"#0D8ECF"}]; 
    window.onload = function()
    {
        chart = new AmCharts.AmSerialChart();
        chart.dataProvider = chartData;
        chart.categoryField = "country";
        chart.marginTop = 25;
        chart.marginBottom = 80;
        chart.marginLeft = 55;
        chart.marginRight = 25;
        chart.startDuration = 1;
        var graph = new AmCharts.AmGraph();
        graph.valueField = "visits";
        graph.colorField = "color";
        graph.balloonText="[[category]]: [[value]]";
        graph.type = "column";graph.lineAlpha = 0;
        graph.fillAlphas = 0.8;
        chart.addGraph(graph);
        var catAxis = chart.categoryAxis;
        catAxis.gridPosition = "start";
        catAxis.autoGridCount = true;chart.write("chartdiv");
    } 
    &lt;/script&gt;
&lt;/head&gt;
&lt;body style="background-color:#EEEEEE"&gt;&lt;div id="chartdiv" style="width:600px; height:400px; background-color:#FFFFFF"&gt;&lt;/div&gt;&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Style.css</p>

<pre><code>body { font-family: Tahoma, Arial, Verdana; font-size: 12px;    color: black; }
</code></pre>

<p>And I have used amcharts css and javascript</p>

<p>Please help me to come out</p>
