Changes between Initial Version and Version 1 of PapersandPresentations/Charts

Timestamp:

Feb 22, 2012, 1:26:34 PM (12 years ago)

Author:

murphpo

Comment:

--

PapersandPresentations/Charts

@@ +1 @@
+{{{
+#!html
+<script type="text/javascript" src="https://www.google.com/jsapi"></script>
+    <script type="text/javascript">
+
+      // Load the Visualization API and the piechart package.
+      google.load('visualization', '1.0', {'packages':['corechart']});
+
+      // Set a callback to run when the Google Visualization API is loaded.
+      google.setOnLoadCallback(drawChart);
+
+      // Callback that creates and populates a data table,
+      // instantiates the pie chart, passes in the data and
+      // draws it.
+      function drawChart() {
+
+        // Create the data table.
+        var newPapersData = new google.visualization.DataTable();
+        newPapersData.addColumn('string', 'Year');
+        newPapersData.addColumn('number', 'Number of New Papers');
+        newPapersData.addRows([
+          ['2005', 2],
+          ['2006', 5],
+          ['2007', 5],
+          ['2008', 13],
+          ['2009', 17],
+          ['2010', 22],
+          ['2011', 19]
+        ]);
+
+        // Create the data table.
+        var citationsData = new google.visualization.DataTable();
+        citationsData.addColumn('string', 'Year');
+        citationsData.addColumn('number', 'Number Citations');
+        citationsData.addRows([
+          ['2006', 6],
+          ['2007', 11],
+          ['2008', 21],
+          ['2009', 49],
+          ['2010', 53],
+          ['2011', 48]
+        ]);
+
+        // Set chart options
+        var newPapersOptions = {'title':'New Papers by WARP Users',
+                        width:450, height:250, 
+                        axisTitlesPosition:'none',
+                        legend:{'position':'none'},
+                        colors:['blue']};
+
+        var citationsChartOptions = {'title':'WARP Citations',
+                        width:450, height:250, 
+                        axisTitlesPosition:'none',
+                        legend:{'position':'none'},
+                        colors:['green']};
+
+        // Instantiate and draw our chart, passing in some options.
+        var newPapersChart = new google.visualization.ColumnChart(document.getElementById('div_newPapersChart'));
+        var citationsChart = new google.visualization.ColumnChart(document.getElementById('div_citationsChart'));
+
+        newPapersChart.draw(newPapersData, newPapersOptions);
+        citationsChart.draw(citationsData, citationsChartOptions);
+      }
+    </script>
+}}}
+
+{{{
+#!html
+<div id="div_newPapersChart"></div>
+<div id="div_citationsChart"></div>
+}}}