Utilize Google Charts Table Chart to extract data from an object-literal notation data source

Here's a look at the data source and Listener function:

Data Source

 var data = new google.visualization.DataTable(
                    {
                        cols: [{ type: 'string', label: 'Col1' }, 
                               { type: 'number', label: 'col2' }, 
                               { type: 'boolean', label: 'MyBoolean' }],
                        rows: [
                            { c: [{ v: 'data1' }, { v: 1 }, {v: false}] },
                            { c: [{ v: 'data2' }, { v: 2 }, {v:true}] }
                        ]
                    });

Listener Function :

 function ChartSelect()
            {
                var selectedItem = chart.getSelection()[0];
                console.log(dataSource.getValue(selectedItem.row, 1));
            }

The following line is expected to throw an error:

console.log(dataSource.getValue(selectedItem.row, 1));

If I click on the first row, how can I retrieve the value of the second element in the data source (i.e. '1')?

Thank you

Answer №1

Aha, I understand now. It's simply about retrieving values from JavaScript objects using object literal notation.

let chosenItem = display.getData()[0]; // assuming the user selected the first option
info["list"][chosenItem.list]["c"][3]["value"]  // that should work like magic.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Guide to creating a Javascript API wrapper

I'm currently working on a React client and I have a question regarding the implementation of a JavaScript wrapper. The APIs I am using return more data than is necessary for the client, so I want to create an index.js file where I can call the API, r ...

Enhancing functionality with extra JavaScript tags in next.js

Recently, I delved into programming with react & next.js after previously working with node.js. It didn't take long for me to create my first application, but upon inspecting the page, I noticed an abundance of extra JavaScript code (see image below). ...

Tips for deactivating the highlight on a previously selected menu item when clicking on the next menu option in Angular.js

In my pages, I have a menu where the landing page menu is initially highlighted. However, when I move to the next menu, the previous landing page highlight remains instead of being removed while swapping the menu. I am using Angular.js and angular ui-route ...

Inspect the render function in the 'RestApi' class

I encountered the following error: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined ...

Using JavaScript to search JSON objects based on key value pairs

Consider a scenario where you have an array of objects in users.json: {"key":"userSubscriptions","value": [{"channel":"Netflix","user":"Bobby","region":"NA"}, [{" ...

Sliding horizontally with a responsive touch

I am looking to implement a horizontal responsive page navigation, similar to the illustration shown below: This is my current progress: DEMO $(document).ready(function () { var slideNum = $('.page').length, wrapperWidth = 100 * s ...

Utilize CSS with dynamically created elements

I am currently figuring out how to use my .each() function with a $(document).ready and a click event. Here's what I have so far: $(document).ready(function(){ $(".help-inline").each(function() { $(this).css('display', 'none&apos ...

Is there a way to link a knockout observable to the jquery barrating plugin?

I have integrated the jquery bar-rating plugin with a knockout viewModel. Currently, all ratings need to be manually selected, but I am looking to convert the variable (let's call it rating) into an observable so that the bar automatically updates whe ...

Guide to parsing JSONP information using Express

I am attempting to transfer data from phonegap to an express application. Below is the code I am using: Phonegap: $.ajax({ type: 'POST', url:"http://127.0.0.1:3000/test", data: {"test":"this works!"}, dataTyp ...

Pressing a sequence of buttons to meet a requirement using JavaScript

Currently, I have a set of four buttons that trigger an alert message when all of them are clicked. However, I am looking to modify this behavior so that the alert is displayed only when specific combinations of buttons are pressed, such as button1 and b ...

Issue with Canvas.doDataUrl not functioning properly in presence of an image on canvas

It seems like the code I have tried only works for local images. Can someone share a working code snippet for this? Here is what I've attempted: var base_image = new Image(); base_image.src = ("/img.png"); base_image.onload = function(){ var co ...

Ensuring the accuracy of query parameters in REST api calls using node.js

Each object type in the GET request to the API has a set of valid query parameters. var queryFields = { 'organisation': ['limit', 'page', 'id', 'search'], 'actor': ['limit', 'p ...

Having trouble changing the chosen selection in the material UI dropdown menu

I've encountered an issue with my material ui code for a select dropdown. It seems that the selected option is not updating properly within the dropdown. <FormControl variant="outlined" className={classes.formControl}> <InputLabel ref={ ...

What is the best way to tally data-ids within an anchor tag using jQuery or plain JavaScript?

find total number of data-id attributes within tag a I am looking for a way to calculate the count of my id attribute, whether it is in data-id or another form, using JavaScript. Edit ...

What are the steps to initiate mongodb within this particular application?

Recently, I received an assignment from this company to integrate MongoDB into a Node.js application. Since I haven't worked with MongoDB before, I'm unsure how to establish a connection with the database in the application. My main goal is to su ...

receiving a null value from a dropdown selection in react native

As a beginner in learning react native, I am eager to retrieve the selected value from a dropdown in react-native. This is my constructor constructor(props){ super(props); this.state = ({ PickerSelectedVal : '' ...

Navigating through different views in a Vue application using Vue Router directly from Vuex actions

Currently, I am in the process of developing a web application using Vue 2.x and Vuex 2.x. In this project, I need to retrieve some data from an external source via an http call. If this call fails, my objective is to redirect to a different page. GET_PET ...

Mongoose discovers an unexpected empty array

My task is to locate a SoldProduct with an intimeOrderNumber value of '3'. var query = { intimeOrderNumber: '3' }; However, my search result returns an empty array. SoldProduct.find(query, function(err, soldProducts) { if (err) { ...

Can the conventional HTML context menu be swapped out for a link context menu instead?

Currently, I am working on developing a custom linkbox component that is similar to the one found on this page: Here is an example of the code: export const Linkbox = ({}) => { const linkRef = useRef(null); return ( // eslint-disable-next-l ...

typescriptUsing redux: prevent parent component from accessing redux props

I'm currently using redux and typescript in my webapp project. What's the best approach for defining props in a component that receives redux-actions through @connect, as well as props from its parent? // mychild.tsx export namespace MyChildCom ...