HTML scripting not loading JavaScript file

I’m trying to display piechart in UIWebview of my iOS xcode project, for that I’m using jqplot with HTML, CSS and JavaScript, the issue I face is JavaScript file "devicepiechart.js" is loading from the html.

<!DOCTYPE html>

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />
<script>
            function load()
            {
                alert("I am an loading scripts!");
            }
        </script>

<script src="devicepiechart.js"></script>
</head>
<body onload= "load()">
</body>
</html>

The load() function alert is shown properly without any problem. I could detect that my .js file is not loading as I have the alert("string"); function in my .js file too for debugging.

UPDATED devicepiechart.js, and I hope the external .js file may not have any error, because I have the source from this http://www.jqplot.com/tests/pie-donut-charts.php

$(document).ready(function()
      {
              alert("good");
              var data = [
                          ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14],
                          ['Out of home', 16],['Commuting', 7], ['Orientation', 9]
                          ];
              var plot1 = jQuery.jqplot ('chart1', [data],
                                         {
                                         seriesDefaults: {
                                         // Make this a pie chart.
                                         renderer: jQuery.jqplot.PieRenderer,
                                         rendererOptions: {
                                         // Put data labels on the pie slices.
                                         // By default, labels show the percentage of the slice.
                                         showDataLabels: true
                                         }
                                         }, 
                                         legend: { show:true, location: 'e' }
                                         }
                                         );
              });

1 thought on “HTML scripting not loading JavaScript file”

Leave a Comment