easyctf-2017/web/pages/about.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>