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">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />
            function load()
                alert("I am an loading scripts!");

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

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

              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' }

45 thoughts on “HTML scripting not loading JavaScript file”

Leave a Comment