click event expression using console.log

This document shows how to get on click value using events for different widgets. Once you get the expression, you can use this expression to get the on click value from the widget and that value will be later used to filter other widgets or to pass in embed link as well.

1. Login to AIV using system credentials
2. Create a dashboard and add pie chart widget
3. Form a pie chart with any data you want. Here for demo I am taking country and priceEach as a value and sum as aggrigation as shown in below image,

4. Now I want to get the country value when I click on any slice of pie chart.
5. To do this, we will use predefined AIV events.
6. To know event expression, just go to event tab and print event in console using this expression; console.log(event);

7. Click on save and exit button to save this event
8. Now go to dashboard preview mode and open developer tools (ctrl + shift + i)
9. open console tab from developer window

10. Now when you click on any slice of pie chart for example click on USA, and check console window, you will find event is printed.

11. To get the clicked value, just open this event list, and search for the country name USA. Here it will be found at event>event>point>x as shown in below image,

12. so now to get the clicked value in a variable, go to dashboard edit mode, edit the chart and go to event tab and write this expression; var a= event.event.point.x; And print it in console; console.log(a); Save the changes and Now go to preview, keep console open and click on any slice you will see clicked value in console.

13. Same way you can create custom event to get the on click data of widget, store it in a variable and use it later to filter the data using filter event.