I'm having some trouble understanding and setting it up.
When displaying the graph in a webHTMLviewer it works fine, but it seems I need to breakup the code to get it to work with the WebControlSDK.
For example I need to use the SetupJavaScriptFramework method but I'm not sure how.
In the HTML viewer I would just load
Quote:
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\"/>
<title>
Google Visualization API Sample
</title>
<script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>
<script type=\"text/javascript\">
google.load(\'visualization\', \'1\', {packages: [\'corechart\']});
</script>
<script type=\"text/javascript\">
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
[\'Year\', \'Austria\', \'Belgium\', \'Czech Republic\', \'Finland\', \'France\', \'Germany\'],
[\'2003\', 1336060, 3817614, 974066, 1104797, 6651824, 15727003],
[\'2004\', 1538156, 3968305, 928875, 1151983, 5940129, 17356071],
[\'2005\', 1576579, 4063225, 1063414, 1156441, 5714009, 16716049],
[\'2006\', 1600652, 4604684, 940478, 1167979, 6190532, 18542843],
[\'2007\', 1968113, 4013653, 1037079, 1207029, 6420270, 19564053],
[\'2008\', 1901067, 6792087, 1037327, 1284795, 6240921, 19830493]
]);
// Create and draw the visualization.
new google.visualization.ColumnChart(document.getElementById(\'visualization\')).
draw(data,
{title:\"Yearly Coffee Consumption by Country\",
width:600, height:400,
hAxis: {title: \"Year\"}}
);
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body style=\"font-family: Arial;border: 0 none;\">
<div id=\"visualization\" style=\"width: 600px; height: 400px;\"></div>
</body>
</html>
)
But I'm not sure how to split this up into the SetupJavaScriptFramework function.
Also I don't think I can use all the html,body,head tags since this is just in a <div> now and not it's own page...