Reports not fetched by visualize js

[priyaranjan.mup]

Hi!

I'm new to visualize js, i am following the visualize js video tutorials 

and not getting a simple report to display. 

I have checked URL = http://localhost:8080/jasperserver-pro/client/visualize.js is showing visualize.js file.

Output container showing :   Loading.....

HTML :

    <script>http://localhost:8080/jasperserver-pro/client/visualize.js</script>
    <div id="container">Loading.....<div>

JavaScript :

    visualize({
           auth: {
              name: "jasperadmin",
              password: "jasperadmin"
            }
          }, function(v) {

            var report = v.report({
            resource: "/public/Samples/Reports/9.CustomerDetailReport",
            container: "#container",
            params: {"customerId": [4021]}
            });
          });

 

 

 

 

[priyaranjan.mup]

Please guid me if i am missing any thing 

path of JS fiile in my local system = C:Jaspersoftjasperreports-server-6.1.0apache-tomcatwebappsjasperserver-prooptimized-scriptsclientvisualize.js

[narcism]

You can add debugging capabilities to visualize via URL parameters. Use this instead of your initial URL:

http://localhost:8080/jasperserver-pro/client/visualize.js?logEnabled=true&logLevel=debug

and check your browser's console for any meaningful output