Google Charts in Bubble

Well you need to take a look on basics of javascript a bit to understand it better.
Things like Lambda are services to run your own backend javascript in a serverless model.
You don’t need their DB at all. It is close to something like blockspring but you can write your own script so you can call it for example as an external API. Let’s say node.js is dedicated server so just leave this, it was only a case scenario example.

For second option with Bubble’s datasources I did an example:
My charts example app
Watch this example very carefully because I don’t have much time to write long explanation but it has everything what is needed to run Google Charts and I believe this is the only one fully working example on the forum right now :wink:
I did data formating with:

   var results = [];
	   var x = [LIST OF THINGS'S X SORTED by X];
	   var y = [LIST OF THINGS'S Y SORTED by X];
		results.push(['THINGS's LabelX', ' THING'S LabelY']);
		for (i = 0; i < x.length; i++) {
			results.push([parseInt(x[i]),parseInt(y[i])]);
		}
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable(results);

It assumes you have got DataSet with the list of DataPoints where single DataPoint has X and Y properties. More inside an example app.

1 Like