Dual-Y Example

An example of a Google Dual-Y Line Chart.

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['line', 'corechart']}]}"></script>
<div id="columnchart_material"></div>

JavaScript

google.load("visualization", "1.1", {
    packages: ["bar"]
});
google.setOnLoadCallback(drawChart);

function drawChart() {
    var data1 = google.visualization.arrayToDataTable([
        ['Faculty Name', 'Book', 'Book Chapter', 'Journal Article', 'Conference'],
        ['Commerce, Law and Managment Commerce, Law and Managment Commerce, Law and Managment', 4, 9, 9, 1],
        ['Health Sciences', 1, 1, 1, 3],
        ['Humanities', 0, 1, 1, 0],
        ['Science', 0, 0, 0, 1]
    ]);

    var options = {
        title: '',
            'width': 800,
            'height': 500
    };

    var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
    chart.draw(data1, options);
}