In the line:
google.load("visualization", '1', {packages:['corechart']});
change the '1' to '1.1'. Or you can wait a few days and it'll work
automatically.
Jon
On Mon, Oct 28, 2013 at 12:09 PM, GoogleChartsNewbie
<[email protected]>wrote:
> That was it. I now see the graph but I do not see the values on each bar
> graph. Attached is a screen shot.
>
>
> On Monday, October 28, 2013 11:05:27 AM UTC-4, Jon Orwant wrote:
>
>> Looks like a spurious backslash ended up on the line below
>> var chart = new google.visualization.ColumnCha**rt(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/**js**api<https://www.google.com/jsapi>
>>>> "></script>
>>>> <script type="text/javascript">
>>>> google.load("visualization", '1', {packages:['corechart']});
>>>> google.setOnLoadCallback(**draw**Chart);
>>>>
>>>> function drawChart() {
>>>> var data = google.visualization.**arrayToDa**taTable([
>>>> ['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.**ColumnCha**rt(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 google-chart-a...@**googlegroups.com.
>>> To post to this group, send email to google-c...@googlegroups.**com.
>>>
>>> Visit this group at
>>> http://groups.google.com/**group/google-chart-api<http://groups.google.com/group/google-chart-api>
>>> .
>>> For more options, visit
>>> https://groups.google.com/**groups/opt_out<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.
>
--
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.
