Visualization API not loading correctly in a WebKit application.
97 views
Skip to first unread message
Todd Geist
Jun 3, 2008, 3:01:24 PM6/3/08
to Google Visualization API
Hello,
I am trying to use the API with an Application that has a web viewer
built into it. I can pass a URL to the web viewer using a data url.
However the Hello World Example doesn't work.
The following code loads fine in safari, but not in my App.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>MOZI</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
<script src="http://www.google.com/jsapi" type="text/javascript"
charset="utf-8"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["piechart"]});
google.setOnLoadCallback(drawChart); // Set callback to run when
API is loaded
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task');
data.addColumn('number', 'Hours per Day');
data.addRows(5);
data.setValue(0, 0, 'Work');
data.setValue(0, 1, 11);
data.setValue(1, 0, 'Eat');
data.setValue(1, 1, 2);
data.setValue(2, 0, 'Commute');
data.setValue(2, 1, 2);
data.setValue(3, 0, 'Watch TV');
data.setValue(3, 1, 2);
data.setValue(4, 0, 'Sleep');
data.setValue(4, 1, 7);
var chart = new
google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240, is3D: true, title:
'My Daily Activities'});
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
I can tell by adding alerts that the Javascript dies on the "var data
= new google.visualization.DataTable();" line
I have a feeling that this has something to do with character sets but
I am not sure. Does anybody have any clues?
Todd
I am trying to use the API with an Application that has a web viewer
built into it. I can pass a URL to the web viewer using a data url.
However the Hello World Example doesn't work.
The following code loads fine in safari, but not in my App.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>MOZI</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
<script src="http://www.google.com/jsapi" type="text/javascript"
charset="utf-8"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["piechart"]});
google.setOnLoadCallback(drawChart); // Set callback to run when
API is loaded
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task');
data.addColumn('number', 'Hours per Day');
data.addRows(5);
data.setValue(0, 0, 'Work');
data.setValue(0, 1, 11);
data.setValue(1, 0, 'Eat');
data.setValue(1, 1, 2);
data.setValue(2, 0, 'Commute');
data.setValue(2, 1, 2);
data.setValue(3, 0, 'Watch TV');
data.setValue(3, 1, 2);
data.setValue(4, 0, 'Sleep');
data.setValue(4, 1, 7);
var chart = new
google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240, is3D: true, title:
'My Daily Activities'});
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
I can tell by adding alerts that the Javascript dies on the "var data
= new google.visualization.DataTable();" line
I have a feeling that this has something to do with character sets but
I am not sure. Does anybody have any clues?
Todd
VizGuy (Google)
Jun 4, 2008, 3:28:17 AM6/4/08
to Google Visualization API
I tested you example on webkit (on a PC running Sarafi 3.1.1) and it
worked well. I don't see an issue with character sets as all in plain
ascii English. Which OS/Browser are you using ?
worked well. I don't see an issue with character sets as all in plain
ascii English. Which OS/Browser are you using ?
Todd Geist
Jun 4, 2008, 9:32:52 AM6/4/08
to Google Visualization API
On Jun 4, 12:28 am, "VizGuy (Google)" <viz...@google.com> wrote:
> I tested you example on webkit (on a PC running Sarafi 3.1.1) and it
> worked well. I don't see an issue with character sets as all in plain
> ascii English. Which OS/Browser are you using ?
>
The application is FileMaker Pro, on Mac OSX 10.5
It has a web Viewer control that uses the webkit. It has difficulty
loading the Google api, when I try to load a page using a data url
data:text/html <html> ... etc.
I have noticed that top load some JavaScripts at all you need to
include the charset attribute in the script tag. So that made me
think it is some kind of encoding issue.
I can send an example if you have FileMaker Pro 9
Thanks for your time
Todd
Brendan Luczak
Jun 20, 2019, 6:29:07 PM6/20/19
to Google Visualization API
Hi Todd
How did you go with the data:text/html <html> for Filemaker Pro, I am having the same issue
Reply all
Reply to author
Forward
0 new messages