Looks like a spurious backslash ended up on the line below
var chart = new google.visualization.ColumnChart(document.
getElementById('foo'));
Remove that and it should work fine.
Jon
On Mon, Oct 28, 2013 at 9:49 AM, GoogleChartsNewbie
<[email protected]>wrote:
> Hi Jon.
>
> Thank you for your reply.
>
> I pasted your code to my webpage, but the graph does not appear, the
> webpage is blank.
>
>
> On Friday, October 25, 2013 4:46:58 PM UTC-4, Jon Orwant wrote:
>>
>> Hello GoogleChartsNewbie,
>>
>> We'll have new documentation showing how to do this next week, but in the
>> meantime, here's an example. It uses the annotation role and a view.
>>
>> <html>
>> <head>
>> <script type="text/javascript"
>> src="https://www.google.com/**jsapi<https://www.google.com/jsapi>
>> "></script>
>> <script type="text/javascript">
>> google.load("visualization", '1', {packages:['corechart']});
>> google.setOnLoadCallback(**drawChart);
>>
>> function drawChart() {
>> var data = google.visualization.**arrayToDataTable([
>> ['Year', 'Visitations'],
>> ['2010', 10],
>> ['2020', 14],
>> ['2030', 16],
>> ['2040', 22],
>> ['2050', 28],
>> ]);
>>
>> var view = new google.visualization.DataView(**data);
>> view.setColumns([0, 1,
>> { calc: "stringify",
>> sourceColumn: 1,
>> type: "string",
>> role: "annotation" },
>> ]);
>>
>> var chart = new
>> google.visualization.**ColumnChart(document.**getElementById('foo'));
>> \
>>
>> chart.draw(view);
>> }
>> </script>
>> </head>
>> <body>
>> <div id="foo" style="width: 900px; height: 500px;"></div>
>> </body>
>> </html>
>>
>> Jon
>>
>> On Friday, October 25, 2013 3:26:04 PM UTC-4, GoogleChartsNewbie wrote:
>>>
>>> Hi all.
>>>
>>> I created the attached Google column and bar charts on my website but I
>>> don't know how to show the values of each column? If the end user hovers
>>> over the column it will show them the value, but I would like to show it on
>>> the graph itself without having to hover over it with the mouse. How can I
>>> do this? Is there an option I should be looking at?
>>>
>>> Thank you in advance!
>>>
>> --
> You received this message because you are subscribed to the Google Groups
> "Google Chart 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-chart-api.
> For more options, visit https://groups.google.com/groups/opt_out.
>
--
You received this message because you are subscribed to the Google Groups
"Google Chart 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-chart-api.
For more options, visit https://groups.google.com/groups/opt_out.
