JSFiddle - React, Tailwind, and code Playground

by zunme

HTML

<script src="http://nvd3.org/lib/d3.v2.js"></script>
<link rel="stylesheet" href="http://nvd3.org/src/nv.d3.css">
<script src="http://nvd3.org/nv.d3.js"></script>
<div id="chart">
    <svg></svg>
</div>

CSS

<style> #chart svg {
    height: 400px;
}
</style>

JavaScript

var data = [{
    data: ''
}, {
    lasttime: 0
}];
if (data[1].lasttime == 0) {
    $.ajax({
        url: "http://zunme.cafe24.com/qps",
        dataType: "jsonp",
        jsonp: "callback",
        async: 0,
        success: function (d) {
            data = d;
            test();
        }
    });
} else {
    $.ajax({
        url: "http://zunme.cafe24.com/qps/lastval",
        dataType: "jsonp",
        jsonp: "callback",
        async: 0,
        success: function (d) {

            data[0].values.shift();
            data[0].values.push(d)
            test();
        }
    });
}

function refresh() {
    console.log(data);
}

function test() {
    $.ajax({
        url: "http://zunme.cafe24.com/qps/lastval",
        dataType: "jsonp",
        jsonp: "callback",
        async: 0,
        success: function (d) {
            console.log(data[1].lasttime);
            data[0].values.shift();
            data[0].values.push(d)
            refresh();
        }
    });
}