Re: [visualization-api] Re: Inputing Row data from a variable

[Daniel LaLiberte]

Assuming your 'done' handler for the request for data for each state is correct, you need to wait for all of the states to be done before proceeding.  Are you ajax requests all synchronous, waiting for the response before proceeding?

On Wed, Aug 10, 2016 at 1:38 PM, brandonb81 <brandon...@gmail.com> wrote:

On Wednesday, August 10, 2016 at 9:57:44 AM UTC-6, brandonb81 wrote:

I'm using the the GeoCharts for US states and I'm trying to dynamically load one set of data to each individual state.  I've pushed all the data I need into a global variable but I can't seem to find a way to call that variable to populate the table data.  Has anyone found the solution for this or a workaround?

Here's some of my code.

```google.charts.load('current', { packages: ['geochart'] });

  google.charts.setOnLoadCallback(mapUS);

  function mapUS() {

    var data = new google.visualization.DataTable();

    data.addColumn('string', 'State');

    data.addColumn('number', 'Number of Things');

    var options = {

      region: 'US',

      resolution: 'provinces',

      displayMode: 'regions',

      colorAxis: {

        colors: ['#0CEFFF', '#033C40']

      },

      legend: 'none'

    };

    var states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana','Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Misouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexics', 'New York', 'North Carolina', 'North Dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'];

    var statesArr = [];

    states.map(function(state) {

      // console.log(state);

      $.ajax({

        headers: { Accept: 'application/json' },

        type: 'GET',

        url: URL + state + KEY,

        crossDomain: true,

        beforeSend: function(xhr) {

          xhr.withCredentials = true;

        }

      }).done(function functionName(state, sum) {

        sum = state.totalResults;

        // console.log(sum);

        state = state.data[0].region;

        // console.log(state);

        // statesArr.push([state, sum]);

        statesArr.push({c:[{v: state}, {v: sum}]});

      }).fail(function(err) {

        console.log(err);

      });

    });

    console.log(statesArr);

    var chart = new google.visualization.GeoChart(document.getElementById('beerMapUS'));

    chart.draw(data, options);

  }```

--
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 google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/daed8467-84c6-4fc7-984e-e085158e4be8%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte

dlaliberte@Google.com   5CC, Cambridge MA