easyctf-2017/web/pages/about.html

92 lines
2.3 KiB
HTML
Raw Normal View History

2016-01-02 18:44:51 +00:00
<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>
2016-01-02 06:01:34 +00:00
<div class="fade_in text-center">
2016-01-02 02:57:40 +00:00
<h1 class="heading1">About</h1>
2016-01-02 18:44:51 +00:00
<div id="map"></div>
<br>
<div id="chart1"></div>
<br>
<!--<div id="chart2"></div>
<br>
<div id="chart3"></div>-->
<br>
2016-01-02 06:01:34 +00:00
</div>