Thanks for the clarifications. This seems to work in IE. FireFox
shows the table, but no chart at all. Any thoughts on what is going
on there? No error is being thrown through Firefox, it just shows a
big empty white space. Here is the code I used (based on original):
<script language="javascript" type="text/javascript">
google.load('visualization', '1', {packages:
['columnchart']});
google.load('visualization', '1', {packages: ['table']});
function drawVisualization(JSONTable)
{
var tJSON = {cols: [{id: 'ActivityDate', label:
'ActivityDate', type: 'string'},{id: 'Count', label: 'Count', type:
'number'}], rows: [{c: [{v: '4/1/2009'},{v: 130}]},{c: [{v:
'4/2/2009'},{v: 255}]},{c: [{v: '4/3/2009'},{v: 380}]},{c: [{v:
'4/6/2009'},{v: 614}]}]};
var data = new google.visualization.DataTable(tJSON);
// Create and draw the visualization.
new google.visualization.ColumnChart
(document.getElementById('google_chart')).draw(data, {height: 400,
width: 800});
visualization = new google.visualization.Table
(document.getElementById('google_table'));
visualization.page = "enable";
visualization.draw(data, {page: 'enable', pageSize:
25});
}
google.setOnLoadCallback(drawVisualization);
</script>
On Apr 7, 1:33 am, Максим Барбул <[email protected]> wrote:
> This works well
>
> <html>
> <head>
> <script type="text/javascript" src="http://www.google.com/jsapi";></script>
> <script type="text/javascript">
> google.load('visualization', '1', {packages: ['table','columnchart']});
> function drawVisualization() {
> // Create and populate the data table.
> var JSONObject = {
> cols: [
> {id: 'ActivityDate', label:'ActivityDate', type: 'string'},
> {id: 'Count', label: 'Count', type:'number'}
> ],
> rows: [
> {c: [{v: 'DateA'},{v:130}]}, // here you should give NUMBER but
> NOT string
> {c: [{v: 'DateB'},{v:255}]},
> {c: [{v: 'DateC'},{v:380}]}
> ]
> };
> var data = new google.visualization.DataTable(JSONObject);
> // Create and draw the visualization.
> var visualization = new
> google.visualization.Table(document.getElementById('table'));
> visualization.draw(data, {}); // empty options == "{}" don't better use
> null.
> // Create and draw the visualization.
> new
> google.visualization.ColumnChart(document.getElementById('chart_div')).draw(data,
> {width: 300, height: 200});
> }
> google.setOnLoadCallback(drawVisualization);
> </script>
> </head>
> <body>
> <div id="table"></div>
> <div id="chart_div"></div>
> </body>
> </html>
>
> 2009/4/7 Ned <[email protected]>
>
>
>
>
>
> > I'm trying to output the following data to the screen as both a table
> > and a chart. When I try this, I get the table fine, but the Chart
> > appears without any bars (the y-axis goes from 0 to 1 without any bars
> > in the graph). Is there something I'm doing wrong when trying to
> > output the chart?
>
> > <script type="text/javascript" src="http://www.google.com/jsapi";></
> > script>
> > <script type="text/javascript">
> > google.load('visualization', '1', {packages: ['table']});
> > google.load('visualization', '1', {packages: ['columnchart']});
> > </script>
> > <script type="text/javascript">
> > function drawVisualization() {
> > // Create and populate the data table.
> > var JSONObject = {cols: [{id: 'ActivityDate', label:
> > 'ActivityDate', type: 'string'},{id: 'Count', label: 'Count', type:
> > 'number'}], rows: [{c: [{v: 'DateA'},{v: '130'}]},{c: [{v: 'DateB'},
> > {v: '255'}]},{c: [{v: 'DateC'},{v: '380'}]}]};
>
> > var data = new google.visualization.DataTable(JSONObject);
>
> > // Create and draw the visualization.
> > visualization = new google.visualization.Table
> > (document.getElementById('table'));
> > visualization.draw(data, null);
>
> > // Create and draw the visualization.
> > new google.visualization.ColumnChart(document.getElementById
> > ('chart_div')).
> > draw(data, null);
>
> > }
>
> > google.setOnLoadCallback(drawVisualization);
> > </script>
>
> > Thanks!
>
> --
> С уважением,
> Максим Барбул
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en
-~----------~----~----~----~------~----~------~--~---
