Google Chart API - Answer

Your client, DataSet Corp, has asked for an interactive web based chart showing the change in revenue from 2005 until now. They would also like the overall average revenue to be reflected in the chart. Be sure to add a title, label axes, and reflect the red and black color scheme used by DSC.

HTML

<script src="http://www.google.com/jsapi?ext.js"></script>
<div id="chart"></div>

CSS

#chart {
    width: 800px;
    height:400px;
}

JavaScript

google.load('visualization','1.1',{packages:['corechart']});
google.setOnLoadCallback(function(){
var GoogleChart=new google.visualization.ColumnChart(document.getElementById( 'chart' ));  

var data = google.visualization.arrayToDataTable([
    ["Age","Male","Female"],
    ["<15",{"v":0,"f":"0%"},{"v":0,"f":"0%"}],
    ["15-20",{"v":8.3333333333333,"f":"8,3333333333333%"},{"v":0,"f":"0%"}],
    ["20-25",{"v":75,"f":"75%"},{"v":-8.3333333333333,"f":"8,3333333333333%"}],
    ["25-30",{"v":0,"f":"0%"},{"v":0,"f":"0%"}],
    ["30-35",{"v":0,"f":"0%"},{"v":0,"f":"0%"}],
    ["35-40",{"v":0,"f":"0%"},{"v":0,"f":"0%"}],
    ["40-45",{"v":8.3333333333333,"f":"8,3333333333333%"},{"v":0,"f":"0%"}],
    ["45-50",{"v":0,"f":"0%"},{"v":0,"f":"0%"}],
    ["50-55",{"v":0,"f":"0%"},{"v":0,"f":"0%"}],
    ["55-60",{"v":0,"f":"0%"},{"v":0,"f":"0%"}],
    [">60",{"v":0,"f":"0%"},{"v":0,"f":"0%"}]
]);
    
new google.visualization.NumberFormat({"pattern":"#,##',00%';#,##',00%'"}).format(data, 1); 
new google.visualization.NumberFormat({"pattern":"#,##',00%';#,##',00%'"}).format(data, 2); 

var options ={
    "isStacked":true,
    "hAxis":{
        "title":"age"
    },
    "vAxis":{
        "title":"Percentage",
        "format":"#,##',00%';#,##',00%'",
        "viewWindowMode":"explicit",
        "viewWindow":{
            "min":-100,
            "max":100
        }
    }
};
GoogleChart.draw(data, options);
})