Basic Flotr Example

HTML

<script src="https://raw.github.com/HumbleSoftware/Flotr2/master/flotr2.min.js"></script>
<link rel="stylesheet" href="https://raw.github.com/HumbleSoftware/Flotr2/master/examples/examples.css">
<div id="example"></div>

CSS

#example {
    width: 1024px;
    height: 668px;
}

JavaScript

(function basic(container) {
        var
        d1 = [ [1,1]       
        ],
            // First data series
            i, graph;
        // Draw Graph
        graph = Flotr.draw(container, [d1], {
            xaxis: {
                noTicks: 24,
                //tickFormatter : function (n) { return '('+n+')'; },
                ticks: [
                    [0, "12:00<br>am"],
                    [2, "2:00<br>am"],
                    [4, "4:00<br>am"],
                    [6, "6:00<br>am"],
                    [8, "8:00<br>am"],
                    [10, "10:00<br>am"],
                    [12, "12:00<br>pm"],
                    [14, "2:00<br>pm"],
                    [16, "4:00<br>pm"],
                    [18, "6:00<br>pm"],
                    [20, "8:00<br>pm"],
                    [22, "10:00<br>pm"],
                    [24, "12:00<br>am"]
                ],
                min: 0,
                // Part of the series is not displayed.
                max: 24,
            },
            yaxis: {
                ticks: [
                    [0, "0 Orders&nbsp;"],
                    [10, "10 Orders&nbsp;"],
                    [20, "20 Orders&nbsp;"],
                    [30, "30 Orders&nbsp;"],
                    [40, "40 Orders&nbsp;"],
                    [50, "50 Orders&nbsp;"],
                    [60, "60 Orders&nbsp;"],
                    [70, "70 Orders&nbsp;"],
                    [80, "80 Orders&nbsp;"],
                    [90, "90 Orders&nbsp;"],
                    [100, "100 Orders&nbsp;"],
                    [110, "110 Orders&nbsp;"],
                    [120, "120 Orders&nbsp;"],
                    [130, "130 Orders&nbsp;"],
                    [140, "140 Orders&nbsp;"],
                    [150, "150 Orders&nbsp;"],
                    [160, "160 Orders&nbsp;"],
                    [170, "170 Orders&nbsp;"],
                    [180, "180 Orders&nbsp;"],
                    [190, "190 Orders&nbsp;"],
                    [200,...