Changes between Version 3 and Version 4 of ChartTesting


Ignore:
Timestamp:
Feb 22, 2012, 1:23:48 PM (12 years ago)
Author:
murphpo
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • ChartTesting

    v3 v4  
    1616
    1717        // Create the data table.
    18         var data = new google.visualization.DataTable();
    19         data.addColumn('string', 'Year');
    20         data.addColumn('number', 'Number of New Papers');
    21         data.addRows([
     18        var newPapersData = new google.visualization.DataTable();
     19        newPapersData.addColumn('string', 'Year');
     20        newPapersData.addColumn('number', 'Number of New Papers');
     21        newPapersData.addRows([
    2222          ['2005', 2],
    2323          ['2006', 5],
    … …  
    2626          ['2009', 17],
    2727          ['2010', 22],
    28           ['2011', 19],
    29           ['2012', 5]
     28          ['2011', 19]
     29        ]);
     30
     31        // Create the data table.
     32        var citationsData = new google.visualization.DataTable();
     33        citationsData.addColumn('string', 'Year');
     34        citationsData.addColumn('number', 'Number Citations');
     35        citationsData.addRows([
     36          ['2006', 6],
     37          ['2007', 11],
     38          ['2008', 21],
     39          ['2009', 49],
     40          ['2010', 53],
     41          ['2011', 48]
    3042        ]);
    3143
    3244        // Set chart options
    33         var options = {'title':'New Papers by WARP Users',
    34                        'width':450,
    35                        'height':250,
    36                        axisTitlesPosition:'none',
    37                        legend:{'position':'none'}};
     45        var newPapersOptions = {'title':'New Papers by WARP Users',
     46                        width:450, height:250,
     47                        axisTitlesPosition:'none',
     48                        legend:{'position':'none'},
     49                        colors:['blue']};
     50
     51        var citationsChartOptions = {'title':'WARP Citations',
     52                        width:450, height:250,
     53                        axisTitlesPosition:'none',
     54                        legend:{'position':'none'},
     55                        colors:['green']};
    3856
    3957        // Instantiate and draw our chart, passing in some options.
    40         var chart = new google.visualization.ColumnChart(document.getElementById('div_newPapersChart'));
    41         chart.draw(data, options);
     58        var newPapersChart = new google.visualization.ColumnChart(document.getElementById('div_newPapersChart'));
     59        var citationsChart = new google.visualization.ColumnChart(document.getElementById('div_citationsChart'));
     60
     61        newPapersChart.draw(newPapersData, newPapersOptions);
     62        citationsChart.draw(newPapersData, citationsChartOptions);
    4263      }
    4364    </script>
    44 
    4565}}}
    4666
    … …  
    4868#!html
    4969<div id="div_newPapersChart"></div>
     70<div id="div_citationsChart"></div>
    5071}}}