Sorry, I missed this scanning your original code, but you have to remove
the "align: center" line in the chart options, as a) it causes the script
to fail, and b) there is no align option anyway. See an example here:
http://jsfiddle.net/asgallant/wcr87/. Also note that the CSS I posted
contains a syntax error (there shouldn't be a ":" after "#visualization").
On Monday, February 4, 2013 5:28:06 PM UTC-5, Todd Lee wrote:
>
> Thanks for the info and code asgallant. I tried to fix the currency issue
> by copying and pasting the new code you gave. I think there might be a
> syntax issue as it does not work.
>
>
> function drawVisualization() {
> // Create and populate the data table.
> var data = google.visualization.arrayToDataTable([
> ['Years', 'Average Sold Price'],
> ['2002', 342371],
> ['2003', 365556],
> ['2004', 402310],
> ['2005', 430962],
> ['2006', 460739],
> ['2007', 490932],
> ['2008', 507621],
> ['2009', 526248],
> ['2010', 588254],
> ['2011', 623887],
> ['2012', 681408]
> ]);
> var formatter = new google.visualization.NumberFormat({pattern: '$####'}
> );
> formatter.format(data, 1);
>
> // Create and draw the visualization.
> new google.visualization.LineChart(document.getElementById(
> 'visualization')).
> draw(data, {
> curveType: "function",
> align: center
> width: 500,
> height: 400,
> vAxis: {
> maxValue: 10,
> format: '$####'
> }
> });
>
> On Monday, February 4, 2013 4:43:30 PM UTC-5, Todd Lee wrote:
>>
>> I would like to know how to center the graph below and get the currency
>> sign to show.
>> Thanks in advance.
>>
>>
>>
>> !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>
>> Average Sale Price History
>> </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([
>> ['Years', 'Average Sold Price'],
>> ['2002', 342371],
>> ['2003', 365556],
>> ['2004', 402310],
>> ['2005', 430962],
>> ['2006', 460739],
>> ['2007', 490932],
>> ['2008', 507621],
>> ['2009', 526248],
>> ['2010', 588254],
>> ['2011', 623887],
>> ['2012', 681408]
>> ]);
>>
>> // Create and draw the visualization.
>> new
>> google.visualization.LineChart(document.getElementById('visualization')).
>> draw(data, {curveType: "function",
>> align: center
>> width: 500, height: 400,
>> vAxis: {maxValue: 10}}
>> );
>> }
>>
>>
>> google.setOnLoadCallback(drawVisualization);
>> </script>
>> </head>
>> <body style="font-family: Arial;border: 0 none;">
>> <div id="visualization" style="width: 500px; height: 400px;"></div>
>> </body>
>> </html>
>>
>>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
