nickjillings@2131: /*
nickjillings@2131: * Analysis script for WAET
nickjillings@2131: */
nickjillings@2131: 
nickjillings@2131: var chartContext;
nickjillings@2131: window.onload = function() {
nickjillings@2131:     // Load the Visualization API and the corechart package.
nickjillings@2131:       google.charts.load('current', {'packages':['corechart']});
nickjillings@2131:     chartContext = new Chart();
nickjillings@2131: }
nickjillings@2131: 
nickjillings@2135: function arrayMean(values) {
nickjillings@2135:     var mean = 0;
nickjillings@2135:     for (var value of values) {
nickjillings@2135:         mean += value;
nickjillings@2135:     }
nickjillings@2135:     mean /= values.length;
nickjillings@2135:     return mean;
nickjillings@2135: }
nickjillings@2135: 
nickjillings@2135: function percentile(values, n) {
nickjillings@2135:     values.sort( function(a,b) {return a - b;} );
nickjillings@2135:     // get ordinal rank
nickjillings@2135:     var rank = Math.min(Math.floor(values.length*n/100), values.length-1);
nickjillings@2135:     return values[rank];
nickjillings@2135: }
nickjillings@2135: 
nickjillings@2135: function arrayMin(array) {
nickjillings@2135:     // Return the minimum value of an array
nickjillings@2135:     var min = array[0];
nickjillings@2135:     for (var value of array) {
nickjillings@2135:         if (value < min) {
nickjillings@2135:             min = value;
nickjillings@2135:         }
nickjillings@2135:     }
nickjillings@2135:     return min;
nickjillings@2135: }
nickjillings@2135: 
nickjillings@2135: function arrayMax(array) {
nickjillings@2135:     // Return the minimum value of an array
nickjillings@2135:     var max = array[0];
nickjillings@2135:     for (var value of array) {
nickjillings@2135:         if (value > max) {
nickjillings@2135:             max = value;
nickjillings@2135:         }
nickjillings@2135:     }
nickjillings@2135:     return max;
nickjillings@2135: }
nickjillings@2135: 
nickjillings@2181: function boxplotRow(array) {
nickjillings@2181:     // Take an array of element values and return array of computed intervals
nickjillings@2181:     var result = {
nickjillings@2181:         median : percentile(array,50),
nickjillings@2181:         pct25 : percentile(array,25),
nickjillings@2181:         pct75 : percentile(array,75),
nickjillings@2181:         IQR : null,
nickjillings@2181:         min: null,
nickjillings@2181:         max: null,
nickjillings@2181:         outliers: new Array()
nickjillings@2181:     }
nickjillings@2181:     result.IQR = result.pct75-result.pct25;
nickjillings@2181:     var rest = [];
nickjillings@2181:     var pct75_IQR = result.pct75+1.5*result.IQR;
nickjillings@2181:     var pct25_IQR = result.pct25-1.5*result.IQR;
nickjillings@2181:     for (var i=0; i<array.length; i++) {
nickjillings@2181:         //outliers, ranger above pct75+1.5*IQR or below pct25-1.5*IQR
nickjillings@2181:         var point = array[i];
nickjillings@2181:         if (point > pct75_IQR || point < pct25_IQR) {
nickjillings@2181:             result.outliers.push(point);
nickjillings@2181:         } else {
nickjillings@2181:             rest.push(point);
nickjillings@2181:         }
nickjillings@2181:     }
nickjillings@2181:     result.max = arrayMax(rest);
nickjillings@2181:     result.min = arrayMin(rest);
nickjillings@2181:     return result;
nickjillings@2181:     
nickjillings@2181: }
nickjillings@2181: 
nickjillings@2135: function arrayHistogram(values,steps,min,max) {
nickjillings@2135:     if (steps == undefined) {
nickjillings@2135:         steps = 0.25;
nickjillings@2135:         console.log("Warning: arrayHistogram called without steps size set, default to 0.25");
nickjillings@2135:     }
nickjillings@2135:     if (min == undefined) {min = arrayMin(values);}
nickjillings@2135:     if (max == undefined) {max = arrayMax(values);}
nickjillings@2135:     var histogram = [];
nickjillings@2135:     var index = min;
nickjillings@2135:     while(index < max) {
nickjillings@2135:         histogram.push({
nickjillings@2135:             marker: index,
nickjillings@2135:             lt: index,
nickjillings@2135:             rt: index+steps,
nickjillings@2135:             count: 0
nickjillings@2135:         });
nickjillings@2135:         index += steps;
nickjillings@2135:     }
nickjillings@2135:     for (var value of values) {
nickjillings@2135:         for (var entry of histogram) {
nickjillings@2135:             if (value >= entry.lt && value <= entry.rt) {
nickjillings@2135:                 entry.count++;
nickjillings@2135:                 break;
nickjillings@2135:             }
nickjillings@2135:         }
nickjillings@2135:     }
nickjillings@2135:     return histogram;
nickjillings@2135: }
nickjillings@2135: 
nickjillings@2131: function Chart() {
nickjillings@2134:     this.valueData = null;
nickjillings@2134:     this.commentData = null;
nickjillings@2134:     this.loadStatus = 0;
nickjillings@2135:     this.charts = [];
nickjillings@2131:     
nickjillings@2134:     var XMLHttp = new XMLHttpRequest();
nickjillings@2134:     XMLHttp.parent = this;
nickjillings@2134:     XMLHttp.open("GET","../scripts/score_parser.php?format=JSON",true);
nickjillings@2134:     XMLHttp.onload = function() {
nickjillings@2134:         // Now we have the JSON data, extract
nickjillings@2134:         this.parent.valueData = JSON.parse(this.responseText);
nickjillings@2134:         this.parent.loadStatus++;
nickjillings@2131:     }
nickjillings@2134:     XMLHttp.send();
nickjillings@2134:     var XMLHttp2 = new XMLHttpRequest();
nickjillings@2134:     XMLHttp2.parent = this;
nickjillings@2134:     XMLHttp2.open("GET","../scripts/comment_parser.php?format=JSON",true);
nickjillings@2134:     XMLHttp2.onload = function() {
nickjillings@2134:         // Now we have the JSON data, extract
nickjillings@2134:         this.parent.commentData = JSON.parse(this.responseText);
nickjillings@2134:         this.parent.loadStatus++;
nickjillings@2134:     }
nickjillings@2134:     XMLHttp2.send();
nickjillings@2131:     
nickjillings@2135:     this.chartObject = function(name) {
nickjillings@2135:         // Create the charting object
nickjillings@2135:         this.name = name;
nickjillings@2135:         this.root = document.createElement("div");
nickjillings@2135:         this.root.className = "chart-holder";
nickjillings@2135:         this.root.setAttribute("name",name);
nickjillings@2135:         this.chartDOM = document.createElement("div");
nickjillings@2135:         this.tableDOM = document.createElement("div");
nickjillings@2135:         this.latexDOM = document.createElement("div");
nickjillings@2135:         this.downloadDOM = document.createElement("div");
nickjillings@2135:         this.chart = undefined;
nickjillings@2135:         this.data = new google.visualization.DataTable();
nickjillings@2135:         this.options = {};
nickjillings@2135:         this.print = document.createElement("button");
nickjillings@2136:         this.sortDataButton = document.createElement("button");
nickjillings@2136:         this.sortDataButton.textContent = "Sort by Data";
nickjillings@2136:         this.sortDataButton.addEventListener("click",this);
nickjillings@2136:         this.sortDataButton.setAttribute("name","sort-data");
nickjillings@2136:         this.sortNameButton = document.createElement("button");
nickjillings@2136:         this.sortNameButton.textContent = "Sort by Name";
nickjillings@2136:         this.sortNameButton.addEventListener("click",this);
nickjillings@2136:         this.sortNameButton.setAttribute("name","sort-name");
nickjillings@2136:         this.draw = function() {
nickjillings@2136:             if (this.chart == undefined) {return;}
nickjillings@2136:             this.tableDOM.innerHTML = null;
nickjillings@2136:             this.latexDOM.innerHTML = null;
nickjillings@2136:             this.buildTable();
nickjillings@2136:             this.writeLatex();
nickjillings@2136:             this.chart.draw(this.data,this.options);
nickjillings@2136:         }
nickjillings@2136:         this.sortData = function() {
nickjillings@2173:             this.data.sort(1);
nickjillings@2136:         }
nickjillings@2136:         this.sortName = function() {
nickjillings@2173:             this.data.sort(0);
nickjillings@2136:         }
nickjillings@2135:         this.handleEvent = function() {
nickjillings@2135:             // Only used to handle the chart.event.addListener(this,'ready') callback
nickjillings@2136:             switch(event.currentTarget.getAttribute("name"))
nickjillings@2136:             {
nickjillings@2136:                 case "download":
nickjillings@2136:                     window.open(this.chart.getImageURI());
nickjillings@2136:                     break;
nickjillings@2136:                 case "sort-data":
nickjillings@2136:                     this.sortData();
nickjillings@2136:                     this.draw();
nickjillings@2136:                     break;
nickjillings@2136:                 case "sort-name":
nickjillings@2136:                     this.sortName();
nickjillings@2136:                     this.draw();
nickjillings@2136:                     break;
nickjillings@2136:             }
nickjillings@2135:         }
nickjillings@2135:         
nickjillings@2135:         this.root.appendChild(this.chartDOM);
nickjillings@2135:         this.root.appendChild(this.tableDOM);
nickjillings@2135:         this.root.appendChild(this.latexDOM);
nickjillings@2136:         this.root.appendChild(this.sortDataButton);
nickjillings@2136:         this.root.appendChild(this.sortNameButton);
nickjillings@2135:         this.root.appendChild(this.print);
nickjillings@2135:         this.print.textContent = "Download";
nickjillings@2136:         this.print.setAttribute("name","download");
nickjillings@2135:         this.print.addEventListener("click",this);
nickjillings@2135:         this.root.appendChild(this.downloadDOM);
nickjillings@2135:         this.buildTable = function() {
nickjillings@2135:             var table = document.createElement("table");
nickjillings@2135:             table.border = "1";
nickjillings@2172:             var numRows = this.data.getNumberOfRows();
nickjillings@2172:             var numColumns = this.data.getNumberOfColumns();
nickjillings@2172:             for (var columnIndex=0; columnIndex<numColumns; columnIndex++)
nickjillings@2172:             {
nickjillings@2181:                 var tableTitle = this.data.getColumnLabel(columnIndex);
nickjillings@2181:                 if (tableTitle != "") {
nickjillings@2181:                     var table_row = document.createElement('tr');
nickjillings@2181:                     table.appendChild(table_row);
nickjillings@2181:                     var row_title = document.createElement('td');
nickjillings@2181:                     table_row.appendChild(row_title);
nickjillings@2181:                     row_title.textContent = tableTitle;
nickjillings@2181:                     for (var rowIndex=0; rowIndex<numRows; rowIndex++)
nickjillings@2172:                     {
nickjillings@2181:                         var row_entry = document.createElement('td');
nickjillings@2181:                         table_row.appendChild(row_entry);
nickjillings@2181:                         var entry = this.data.getValue(rowIndex,columnIndex);
nickjillings@2181:                         if (isFinite(Number(entry)))
nickjillings@2181:                         {
nickjillings@2181:                             entry = String(Number(entry).toFixed(4));
nickjillings@2181:                         }
nickjillings@2181:                         row_entry.textContent = entry;
nickjillings@2172:                     }
nickjillings@2135:                 }
nickjillings@2135:             }
nickjillings@2135:             this.tableDOM.appendChild(table);
nickjillings@2135:         };
nickjillings@2135:         this.writeLatex = function() {
nickjillings@2172:             var numRows = this.data.getNumberOfRows();
nickjillings@2172:             var numColumns = this.data.getNumberOfColumns();
nickjillings@2135:             var root = document.createElement("div");
nickjillings@2135:             root.className = "code";
nickjillings@2135:             var holder = document.createElement("pre");
nickjillings@2135:             // Table start
nickjillings@2135:             var start = document.createElement("p");
nickjillings@2135:             start.textContent = "\\" + "begin{tabular}{|l|";
nickjillings@2135:             holder.appendChild(start);
nickjillings@2172:             for (var i=0; i<numRows; i++) {
nickjillings@2135:                 start.textContent = start.textContent+"c|";
nickjillings@2135:             }
nickjillings@2136:             start.textContent = start.textContent.concat("}");
nickjillings@2135:             // Now write the rows:
nickjillings@2172:             for (var rIndex=0; rIndex<numColumns; rIndex++) {
nickjillings@2181:                 var tableTitle = this.data.getColumnLabel(rIndex);
nickjillings@2181:                 if(tableTitle != "")
nickjillings@2181:                 {
nickjillings@2181:                     var row = document.createElement("p");
nickjillings@2181:                     row.textContent = tableTitle.concat(" & ");
nickjillings@2181:                     for (var cIndex=0; cIndex<numRows; cIndex++) {
nickjillings@2181:                         var entry = this.data.getValue(cIndex,rIndex);
nickjillings@2181:                         if (isFinite(Number(entry)))
nickjillings@2181:                         {
nickjillings@2181:                             entry = String(Number(entry).toFixed(4));
nickjillings@2181:                         }
nickjillings@2181:                         row.textContent = row.textContent.concat(entry);
nickjillings@2181:                         if (cIndex < numRows-1) {
nickjillings@2181:                             row.textContent = row.textContent.concat(" & ");
nickjillings@2181:                         } else {
nickjillings@2181:                             row.textContent = row.textContent.concat(" \\\\ \\hline");
nickjillings@2181:                         }
nickjillings@2172:                     }
nickjillings@2181:                     holder.appendChild(row);
nickjillings@2135:                 }
nickjillings@2135:             }
nickjillings@2135:             // Table end
nickjillings@2135:             var end = document.createElement("p");
nickjillings@2135:             end.textContent = "\\" + "end{tabular}";
nickjillings@2135:             holder.appendChild(end);
nickjillings@2135:             root.appendChild(holder);
nickjillings@2135:             this.latexDOM.appendChild(root);
nickjillings@2135:         }
nickjillings@2135:     }
nickjillings@2135:     
nickjillings@2135:     this.clear = function() {
nickjillings@2135:         var inject = document.getElementById("test-pages");
nickjillings@2135:         for (var chart of this.charts) {
nickjillings@2135:             inject.removeChild(chart.root);
nickjillings@2135:         }
nickjillings@2135:         this.charts = [];
nickjillings@2135:     }
nickjillings@2135:     
nickjillings@2135:     this.drawTestMean = function() {
nickjillings@2135:         // This draws one bargraph per axis with every test element on
nickjillings@2135:         if (this.valueData == null) {
nickjillings@2135:             console.log("Error - Data not loaded");
nickjillings@2135:             return;
nickjillings@2135:         }
nickjillings@2135:         var chartList = [];
nickjillings@2135:         
nickjillings@2135:         // Create the data table
nickjillings@2135:         for (var page of this.valueData.pages) {
nickjillings@2135:             for (var element of page.elements) {
nickjillings@2135:                 for (var axis of element.axis) {
nickjillings@2135:                     // Find the axis
nickjillings@2135:                     var axisChart = chartList.find(function(element,index,array){
nickjillings@2135:                         if (element.name == this) {return true;} else {return false;}
nickjillings@2181:                     },"mean-test-"+axis.name);
nickjillings@2135:                     if (axisChart == null) {
nickjillings@2181:                         axisChart = new this.chartObject("mean-test-"+axis.name);
nickjillings@2135:                         axisChart.options = {
nickjillings@2135:                             'title':'Mean of axis: '+axis.name,
nickjillings@2135:                             'width':window.innerWidth*0.9,
nickjillings@2135:                             'height':(window.innerWidth*0.9)/1.77
nickjillings@2135:                         }
nickjillings@2135:                         axisChart.data.addColumn('string','id');
nickjillings@2135:                         axisChart.data.addColumn('number',axis.name);
nickjillings@2135:                         chartList.push(axisChart);
nickjillings@2135:                         document.getElementById("test-pages").appendChild(axisChart.root);
nickjillings@2135:                     }
nickjillings@2135:                     var mean = arrayMean(axis.values);
nickjillings@2135:                     axisChart.data.addRow([element.id,mean]);
nickjillings@2135:                 }
nickjillings@2135:             }
nickjillings@2135:         }
nickjillings@2135:         
nickjillings@2135:         // Build and push charts
nickjillings@2135:         for (var chart of chartList) {
nickjillings@2135:             chart.chart = new google.visualization.ColumnChart(chart.chartDOM);
nickjillings@2135:             chart.chart.draw(chart.data,chart.options);
nickjillings@2135:             chart.buildTable();
nickjillings@2135:             chart.writeLatex();
nickjillings@2135:             this.charts.push(chart);
nickjillings@2135:         }
nickjillings@2135:     }
nickjillings@2135:     
nickjillings@2181:     this.drawTestBoxplot = function() {
nickjillings@2181:         if (this.valueData == null) {
nickjillings@2181:             console.log("Error - Data not loaded");
nickjillings@2181:             return;
nickjillings@2181:         }
nickjillings@2181:         var chartList = [];
nickjillings@2181:         
nickjillings@2181:         // Creates one chart per axis
nickjillings@2181:         
nickjillings@2181:         // Create the data table
nickjillings@2181:         for (var page of this.valueData.pages) {
nickjillings@2181:             for (var element of page.elements) {
nickjillings@2181:                 for (var axis of element.axis) {
nickjillings@2181:                     // Find the axis
nickjillings@2181:                     var axisChart = chartList.find(function(element,index,array){
nickjillings@2181:                         if (element.name == this) {return true;} else {return false;}
nickjillings@2181:                     },"boxplot-test-"+axis.name);
nickjillings@2181:                     if (axisChart == null) {
nickjillings@2181:                         // Axis chart doesn't exist
nickjillings@2181:                         axisChart = new this.chartObject("boxplot-test-"+axis.name);
nickjillings@2181:                         axisChart.options = {
nickjillings@2181:                             'title':'Boxplot of axis '+axis.name,
nickjillings@2181:                             'width':window.innerWidth*0.9,
nickjillings@2181:                             'height':(window.innerWidth*0.9)/1.77,
nickjillings@2181:                             legend: {position: 'none'},
nickjillings@2181:                             lineWidth: 0,
nickjillings@2181:                             series: [{'color': '#D3362D'}],
nickjillings@2181:                             intervals: {
nickjillings@2181:                                 barWidth: 1,
nickjillings@2181:                                 boxWidth: 1,
nickjillings@2181:                                 lineWidth: 2,
nickjillings@2181:                                 style: 'boxes'
nickjillings@2181:                             },
nickjillings@2181:                             interval: {
nickjillings@2181:                                 max: {
nickjillings@2181:                                     style: 'bars',
nickjillings@2181:                                     fillOpacity: 1,
nickjillings@2181:                                     color: '#777'
nickjillings@2181:                                 },
nickjillings@2181:                                 min: {
nickjillings@2181:                                     style: 'bars',
nickjillings@2181:                                     fillOpacity: 1,
nickjillings@2181:                                     color: '#777'
nickjillings@2181:                                 }
nickjillings@2181:                             }
nickjillings@2181:                         };
nickjillings@2181:                         axisChart.data.addColumn('string','id');
nickjillings@2181:                         axisChart.data.addColumn('number','median');
nickjillings@2181:                         axisChart.data.addColumn({id:'max',type:'number',role:'interval'});
nickjillings@2181:                         axisChart.data.addColumn({id:'min',type:'number',role:'interval'});
nickjillings@2181:                         axisChart.data.addColumn({id:'firstQuartile',type:'number',role:'interval'});
nickjillings@2181:                         axisChart.data.addColumn({id:'median',type:'number',role:'interval'});
nickjillings@2181:                         axisChart.data.addColumn({id:'thirdQuartile',type:'number',role:'interval'});
nickjillings@2181:                         chartList.push(axisChart);
nickjillings@2181:                         document.getElementById("test-pages").appendChild(axisChart.root);
nickjillings@2181:                     }
nickjillings@2181:                     var result = boxplotRow(axis.values);
nickjillings@2181:                     axisChart.data.addRow([element.id,result.median,result.max,result.min,result.pct25,result.median,result.pct75]);
nickjillings@2181:                 }
nickjillings@2181:             }
nickjillings@2181:         }
nickjillings@2181:         // Build and push charts
nickjillings@2181:         for (var chart of chartList) {
nickjillings@2181:             chart.chart = new google.visualization.LineChart(chart.chartDOM);
nickjillings@2181:             chart.chart.draw(chart.data,chart.options);
nickjillings@2181:             chart.buildTable();
nickjillings@2181:             chart.writeLatex();
nickjillings@2181:             this.charts.push(chart);
nickjillings@2181:         }
nickjillings@2181:     }
nickjillings@2181:     
nickjillings@2135:     this.drawPageMean = function() {
nickjillings@2131:         // First we must get the value data
nickjillings@2134:         if (this.valueData == null) {
nickjillings@2134:             console.log("Error - Data not loaded");
nickjillings@2134:             return;
nickjillings@2134:         }
nickjillings@2134:         // We create one plot per page
nickjillings@2134:         for (var page of this.valueData.pages) {
nickjillings@2135:             
nickjillings@2135:             // Create the chart resulting point
nickjillings@2135:             var chart = new this.chartObject("mean-page-"+page.id);
nickjillings@2135:             document.getElementById("test-pages").appendChild(chart.root);
nickjillings@2134:             
nickjillings@2134:             // Create the data table
nickjillings@2135:             chart.data.addColumn('string','id');
nickjillings@2134:             // Get axis labels
nickjillings@2134:             for (var axis of page.elements[0].axis) {
nickjillings@2135:                 chart.data.addColumn('number',axis.name);
nickjillings@2134:             }
nickjillings@2134:             var rows = []; // Rows is an array of tuples [col1, col2, col3 ... colN];
nickjillings@2134:             for (var element of page.elements) {
nickjillings@2134:                 var entry = [element.id];
nickjillings@2134:                 for (var i=0; i<page.elements[0].axis.length; i++) {
nickjillings@2134:                     var mean =0;
nickjillings@2134:                     if (i < element.axis.length) {
nickjillings@2134:                         var axis = element.axis[i];
nickjillings@2135:                         mean = arrayMean(axis.values);
nickjillings@2134:                     }
nickjillings@2134:                     entry.push(mean);
nickjillings@2134:                 }
nickjillings@2134:                 rows.push(entry);
nickjillings@2134:             }
nickjillings@2135:             chart.data.addRows(rows);
nickjillings@2135:             chart.options = {
nickjillings@2135:                 'title':'Mean of page: '+page.id,
nickjillings@2135:                 'width':800,
nickjillings@2135:                 'height':700
nickjillings@2135:             }
nickjillings@2134:             // Draw the chart
nickjillings@2135:             chart.chart = new google.visualization.ColumnChart(chart.chartDOM);
nickjillings@2135:             chart.chart.draw(chart.data,chart.options);
nickjillings@2135:             chart.buildTable();
nickjillings@2135:             chart.writeLatex();
nickjillings@2135:             this.charts.push(chart);
nickjillings@2135:         }
nickjillings@2135:     }
nickjillings@2135:     
nickjillings@2135:     this.drawElementHistogram = function() {
nickjillings@2135:         // First we must get the value data
nickjillings@2135:         if (this.valueData == null) {
nickjillings@2135:             console.log("Error - Data not loaded");
nickjillings@2135:             return;
nickjillings@2135:         }
nickjillings@2135:         // We create one plot per element, enjoy...
nickjillings@2135:         for (var page of this.valueData.pages) {
nickjillings@2135:             for (var element of page.elements) {
nickjillings@2135:                 // Build the chart object
nickjillings@2135:                 var chart = new this.chartObject("histogram-element-"+element.id);
nickjillings@2135:                 document.getElementById("test-pages").appendChild(chart.root);
nickjillings@2135:                 chart.data.addColumn('string','index');
nickjillings@2135:                 var histograms = [];
nickjillings@2135:                 for (var axis of element.axis) {
nickjillings@2135:                     chart.data.addColumn('number',axis.name);
nickjillings@2135:                     histograms.push(arrayHistogram(axis.values,0.125,0.0,1.0));
nickjillings@2135:                 }
nickjillings@2135:                 for (var axis of element.axis) {
nickjillings@2135:                     for (var i=0; i<histograms[0].length; i++)
nickjillings@2135:                     {
nickjillings@2135:                         var entry = [""+histograms[0][i].lt.toPrecision(2)+"-"+histograms[0][i].rt.toPrecision(3)]
nickjillings@2135:                         for (var histogram of histograms) {
nickjillings@2135:                             entry.push(histogram[i].count);
nickjillings@2135:                         }
nickjillings@2135:                         chart.data.addRow(entry);
nickjillings@2135:                     }
nickjillings@2135:                 }
nickjillings@2135:                 chart.options = {
nickjillings@2135:                     'title':'Histogram of element: '+element.id,
nickjillings@2135:                     'width':800,
nickjillings@2135:                     'height':700,
nickjillings@2135:                     'bar':{'groupWidth': '100%'}
nickjillings@2135:                 }
nickjillings@2135:                 // Draw the chart
nickjillings@2135:                 chart.chart = new google.visualization.ColumnChart(chart.chartDOM);
nickjillings@2135:                 chart.chart.draw(chart.data,chart.options);
nickjillings@2135:                 chart.buildTable();
nickjillings@2135:                 chart.writeLatex();
nickjillings@2135:                 this.charts.push(chart);
nickjillings@2135:             }
nickjillings@2134:         }
nickjillings@2131:     }
nickjillings@2131: }