Blank Page #46

Bartkula · 2015-02-22T05:06:06Z

i have grails 2.4.4 and i use the plugin: compile ":google-visualization:1.0.1", it shows no error, and i set up both examples in github : Rendering a visualization in a GSP and Rendering a visualization in a AJAX response but in both i get a blank page, in the ajax example, the button is showed but when i press nothing happens not even error is shown in the IDE (intellij). Unfortunatelly there is not much doc. about how to implement this api plugin. Thanks in advance

aruizca · 2015-02-22T12:15:47Z

Please share your code and then I might be able to help you. Please let us know what part of the doco is not clear

Bartkula · 2015-02-23T08:13:35Z

i was able to make the first example work, , but the second just show the button and when i press it nothing happens:
here is my controller

class ShowchartController {
   def render() {
        def myDailyActivitiesColumns = [['string', 'Task'], ['number', 'Hours per Day']]
        def myDailyActivitiesData = [['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7]]
        render template: "chart", model: ["myDailyActivitiesColumns": myDailyActivitiesColumns, "myDailyActivitiesData": myDailyActivitiesData]        
    }    
}

it's the same that in the example, then my view

<!DOCTYPE html>
<html>
<head>
    <title>Charts</title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
</head>
<body>
<input type="button" value="Render Pie Chart"
       onclick="${remoteFunction(controller:'showchart',action:'render',update:'chart')}">
<br>
<div id="chart"></div>
</body>
</html>

and then the template _chart:

<div id="piechart"></div>
<gvisualization:pieCoreChart dynamicLoading="${true}" elementId="piechart" title="My Daily Activities" width="${450}" height="${300}" columns="${myDailyActivitiesColumns}" data="${myDailyActivitiesData}"/>

thanks in advance for your help, regards !

aruizca · 2015-02-25T22:48:22Z

It'd help if you provide a GitHub repo with the example

groovyGuy · 2015-06-16T03:15:00Z

I am getting (what sounds like) the same issue by the description he gives. When he says blank page, I am guessing both he and I are facing the issue described here http://stackoverflow.com/questions/9519673/why-does-google-load-cause-my-page-to-go-blank

The issue is that Google adds the script to the page using document.write. I was rendering a template upon button click (obviously after load of page). When I click the button, the whole page goes white. Showing the source code just has the scripts on the page. Here is my code (please forgive the lack of formatting. I am new to github):

on Main.gsp head section:

<head>
...other scripts
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <gvisualization:apiImport/> 
</head>

This loads fine in main.gsp upon lage load:

<div class="body">
    <%
        def myDailyActivitiesColumns = [['string', 'Task'], ['number', 'Hours per Day']]
        def myDailyActivitiesData = [['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7]]
    %>
    <gvisualization:barCoreChart elementId="piechart" title="My Daily Activities" width="${450}" height="${300}"
                                 columns="${myDailyActivitiesColumns}" data="${myDailyActivitiesData}"/>
    <div id="piechart"></div>
</div>

In my template (rendered upon button click):

<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="layout" content="main"/>
<title>KPI Charts</title>
</head>
<body>
<div class="body">
    <%
        def myDailyActivitiesColumns = [['string', 'Task'], ['number', 'Hours per Day']]
        def myDailyActivitiesData = [['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7]]
    %>
    <gvisualization:barCoreChart elementId="piechart" title="My Daily Activities" width="${450}" height="${300}"
                                 columns="${myDailyActivitiesColumns}" data="${myDailyActivitiesData}"/>
    <div id="piechart"></div>
</div>
</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Blank Page #46

Blank Page #46

Bartkula commented Feb 22, 2015

aruizca commented Feb 22, 2015

Bartkula commented Feb 23, 2015

aruizca commented Feb 25, 2015

groovyGuy commented Jun 16, 2015

Blank Page #46

Blank Page #46

Comments

Bartkula commented Feb 22, 2015

aruizca commented Feb 22, 2015

Bartkula commented Feb 23, 2015

aruizca commented Feb 25, 2015

groovyGuy commented Jun 16, 2015