easyctf-2017/web/pages/about.html
2016-01-02 12:44:51 -06:00

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>