Skip to content

Instantly share code, notes, and snippets.

/index.html

Created December 18, 2012 04:13
Show Gist options
  • Save anonymous/4324955 to your computer and use it in GitHub Desktop.
Save anonymous/4324955 to your computer and use it in GitHub Desktop.
Download ZIP
Let's see what those startupsthisishowdesignworks.com pie charts would look like as... bar charts!
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
.chart {
height: 430px;
margin: 20px 0 100px;
}
</style>
</head>
<body>
<div id="row3_founders" class="col3 colR chart"></div>
<script type="text/javascript" src="http://startupsthisishowdesignworks.com/js/libs/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://startupsthisishowdesignworks.com/js/libs/highcharts.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Chart: Do designers belong on the founding team?
chart_row3_gdez = new Highcharts.Chart({
chart: {
renderTo: 'row3_founders',
type: 'pie',
backgroundColor: 'transparent'
},
title: {
text: "Do designers belong on the founding team?",
margin:50,
style: {
color: '#ed1c24',
fontSize: '14px',
fontFamily: 'Helvetica',
fontWeight: 'Bold'
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: false,
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b><br />'+ Math.round(this.percentage) +' %';
}
}
}
},
credits: {
enabled: false
},
series: [
{
name: 'Responses',
data: [{
name: 'Yes',
y: 63,
color: '#083055'
},{
name: 'No',
y: 15,
color: '#428994'
}],
}]
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment