91 lines
2.3 KiB
HTML
91 lines
2.3 KiB
HTML
<script type="text/javascript">
|
|
var chart1 = c3.generate({
|
|
colors: {
|
|
data1: '#1F77B4',
|
|
data2: '#62AC5B',
|
|
},
|
|
data: {
|
|
columns: [
|
|
['US High School/Middle School ', 33.33],
|
|
['Non-US/Non-Student', 66.66],
|
|
],
|
|
type: 'donut',
|
|
onclick: function(d, i) {
|
|
console.log("onclick", d, i);
|
|
},
|
|
onmouseover: function(d, i) {
|
|
console.log("onmouseover", d, i);
|
|
},
|
|
onmouseout: function(d, i) {
|
|
console.log("onmouseout", d, i);
|
|
}
|
|
},
|
|
donut: {
|
|
title: "Competitors"
|
|
},
|
|
bindto: "#chart1"
|
|
});
|
|
/*var chart2 = c3.generate({
|
|
colors: {
|
|
data1: '#1F77B4',
|
|
data2: '#62AC5B',
|
|
},
|
|
data: {
|
|
columns: [
|
|
['Solved ', 33.33],
|
|
['Unsolved', 66.66],
|
|
],
|
|
type: 'donut',
|
|
onclick: function(d, i) {
|
|
console.log("onclick", d, i);
|
|
},
|
|
onmouseover: function(d, i) {
|
|
console.log("onmouseover", d, i);
|
|
},
|
|
onmouseout: function(d, i) {
|
|
console.log("onmouseout", d, i);
|
|
}
|
|
},
|
|
donut: {
|
|
title: "Silly Ceasar"
|
|
},
|
|
bindto: "#chart2"
|
|
});
|
|
var chart3 = c3.generate({
|
|
colors: {
|
|
data1: '#1F77B4',
|
|
data2: '#62AC5B',
|
|
},
|
|
data: {
|
|
columns: [
|
|
['Solved ', 16],
|
|
['Unsolved', 25],
|
|
],
|
|
type: 'donut',
|
|
onclick: function(d, i) {
|
|
console.log("onclick", d, i);
|
|
},
|
|
onmouseover: function(d, i) {
|
|
console.log("onmouseover", d, i);
|
|
},
|
|
onmouseout: function(d, i) {
|
|
console.log("onmouseout", d, i);
|
|
}
|
|
},
|
|
donut: {
|
|
title: "Hard Binary"
|
|
},
|
|
bindto: "#chart3"
|
|
});*/
|
|
</script>
|
|
<div class="fade_in text-center">
|
|
<h1 class="heading1">About</h1>
|
|
<div id="map"></div>
|
|
<br>
|
|
<div id="chart1"></div>
|
|
<br>
|
|
<!--<div id="chart2"></div>
|
|
<br>
|
|
<div id="chart3"></div>-->
|
|
<br>
|
|
</div>
|