The "select" event is now available through the ChartWrapper, so you don't
have to go through creating a "ready" event handler just to create a
"select" event handler. The reason your previous code didn't work is
because you created the "ready" event handler after drawing the dashboard,
so it is likely that the chart fired its ready event before you created the
handler. The solution is to create event handlers (in particular, "ready"
event handlers, other events are less sensitive) before drawing the chart
they are attached to.
After fixing that, your event handler uses the wrong variable for the
chart, so you have to change chart to scatterchart. Also, you have to
access the wrapper's internal chart object to get the selection via the
#getChart method:
var selection = scatterchart.getChart().getSelection();
Since you are working with a Dashboard and control that could filter your
data, you can't use the indicies from the selection to reference the base
DataTable, as the data may be filtered. Reference the data used by the
chart instead, via the #getDataTable method:
var dt = scatterchart.getDataTable();
for (var i = 0; i < selection.length; i++) {
var item = selection[i];
if (item.row !== null) {
var data1 = dt.getFormattedValue(item.row, 0);
var data2 = dt.getFormattedValue(item.row, 1);
alert(data1 + ' ' + data2);
}
}
see working example here: http://jsfiddle.net/asgallant/Zrxyy/5/
On Friday, July 18, 2014 6:57:06 AM UTC-4, Anish Benjamin wrote:
>
> Thank you for your help, but the problem happens when you use the event
> handler with the chartWrapper. The event handler isn't called when the
> selected event happens. I found out one mistake I was making, and fixed it,
> *but
> it still doesn't work*. See the code here:
> http://jsfiddle.net/anishbenji/Zrxyy/2/.
> first a listener has to created to check to see if the chart is ready,
> then the callback function should create the event handler that creates a
> listener for the required event. See more documentation here:
> https://google-developers.appspot.com/chart/interactive/docs/reference#chartwrapperobject
> Anish
>
> On Thursday, July 17, 2014 7:05:49 PM UTC+5:30, [email protected]
> wrote:
>>
>> Hopefully i can actually help someone. Change your method to the below:
>>
>> function myClickHandler(){
>> var selection = chart.getSelection();
>> for (var i = 0; i < selection.length; i++) {
>> var item = selection[i];
>> if (item.row != null) {
>> var data1 = data.getFormattedValue(item.row,0);
>> var data2 = data.getFormattedValue(item.row, 2);
>> alert(data1 + ' ' + data2);
>>
>> }
>>
>> }
>>
>> }
>>
>>
>> On Thursday, 17 July 2014 14:00:57 UTC+1, Anish Benjamin wrote:
>>>
>>> I've gotten the scatter chart example in the visualization to work with
>>> getSelection: http://jsfiddle.net/anishbenji/gCVE8/
>>> but my example with the slider doesn't work with getSelection.
>>>
>>
--
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.
For more options, visit https://groups.google.com/d/optout.
