// generateChart is a required function which will be called to generate your JS chart generateChart = function(options) { // This is the div you draw your chart into var $chartDrawDiv = $(options.divSelector); //console.log(JSON.stringify(options)); // Use require to load the javascript libraries you need require(['http://www.gstatic.com/charts/loader.js'],function() { google.charts.load("current", {packages: ["corechart"]}); google.charts.setOnLoadCallback(function() { // Process the data for your chart with the data in options.dataset.data if necessary var processedData = processData(options.dataset.data); doDrawing(processedData, $chartDrawDiv, options.dataset.chart_information.height, options.dataset.chart_information.width, options.dataset.attributes.default_colours); }); }); }, processData = function(dataset) { var data = new google.visualization.DataTable(); data.addColumn('string', 'Country'); data.addColumn('number', 'Population'); data.addRows(['Europe', 3000]); data.addRows(['India', 4000]); data.addRows(['Australia', 2000]); data.addRows(['America', 1000]); data.addRows(['China', 5000]); // Set chart options var options = {'title':'Worldwide Population', 'width':400, 'height':300}; return data; }, doDrawing = function(data, $chartDrawDiv, height, width, colours) { // Do the actual drawing of the chart into $chartDiv. var chart = new google.visualization.OrgChart($chartDrawDiv[0]); var options = { height:height, width:width, colors:colours, }; chart.draw(data, options); };