Bar Graph

Copy and paste the following shortcode into your post or page.

<?php
echo 'Hello, world!';

			<div class="skt-bar-wrap">
			    <div id="bar_1" style="width:600px;height:400px;margin:0 auto;max-width:100%;"></div>
			</div>
			<script>
			(function(){
			    google.charts.load("current", {packages:["corechart"]});
			    google.charts.setOnLoadCallback(function(){

			        var el = document.getElementById("bar_1");
			        if(!el){ return; }

			        var data = google.visualization.arrayToDataTable([["Label","2010 Population","2000 Population"],["New York City, NY",8175000,8008000],["Los Angeles, CA",3792000,3694000],["Chicago, IL",2695000,2896000],["Houston, TX",2099000,1953000],["Philadelphia, PA",1526000,1517000]]);

			        var options = {
			            title: "Population of Largest U.S. Cities",
			            width: 600,
			            height: 400,
			            isStacked: false,
			            legend: { position: "right" },
			            chartArea: { width: "50%" },
			            hAxis: { title: "Total Population", minValue: 0 },
			            vAxis: { title: "City" }
			        };
			        

			        var chart = new google.visualization.BarChart(el);
			        chart.draw(data, options);
			    });
			})();
			</script>

[skillwrapper type="skt_bar" bar_title="Population of Largest U.S. Cities" category="City" series="2010 Population,2000 Population" haxis_title="Total Population" vaxis_title="City"]

[skill label="New York City, NY" value="8175000" value2="8008000"]

[skill label="Los Angeles, CA" value="3792000" value2="3694000"]

[skill label="Chicago, IL" value="2695000" value2="2896000"]

[skill label="Houston, TX" value="2099000" value2="1953000"]

[skill label="Philadelphia, PA" value="1526000" value2="1517000"]

[/skillwrapper]