Skip to content

Instantly share code, notes, and snippets.

@karlin
Forked from anonymous/index.html
Created December 18, 2012 04:39
Show Gist options
  • Save karlin/4325054 to your computer and use it in GitHub Desktop.
Save karlin/4325054 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
.chart {
width: 350px;
}
</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: 'column',
backgroundColor: 'transparent',
spacingTop: 30,
marginTop:85,
},
title: {
text: "Do designers belong on the founding team?",
style: {
color: '#ed1c24',
fontSize: '14px',
fontFamily: 'Helvetica',
fontWeight: 'Bold'
}
},
plotOptions: {
column: {
borderWidth: 0,
borderRadius: 2,
shadow:false,
pointPadding: 0,
pointRange: 2,
dataLabels: {
enabled: false
},
showInLegend: false
},
},
xAxis: {
categories: [
'Yes',
'No'
],
labels: {
style: {
color: '#525151',
font: '16px Helvetica',
fontWeight: 'bold',
},
},
title: {
text: null
}
},
yAxis: {
title: {
text: null
},
labels: {
style: {
font: '14px Helvetica',
fontWeight: 'bold'}}
},
credits: {
enabled: false
},
tooltip: {
formatter: function() {
return ''+
this.y +' responses';
}
},
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