jqplot with hoverover values and dates

by kmburke84

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.time.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.selection.js"></script>
<h2>flottest</h2>

<div class="demo-container">
    <div id="placeholder1" style="width:530px;height:200px"></div>
</div>
<div class="demo-container">
    <div id="placeholder2" style="width:530px;height:200px"></div>
</div>
<div class="demo-container">
    <div id="placeholder3" style="width:530px;height:200px"></div>
</div>
<div class="demo-container">
    <div id="placeholder4" style="width:530px;height:200px"></div>
</div>
<div class="demo-container">
    <div id="placeholder5" style="width:530px;height:200px"></div>
</div>
<div class="demo-container">
    <div id="placeholder6" style="width:530px;height:200px"></div>
</div>

JavaScript

$(function () {

        var d1 = [
            [(1414818000000), 100],
            [(1417413600000), 0],
            [(1420092000000), 89.36],
            [(1422770400000), 100],
            [(1425189600000), 0],
            [(1427864400000), 0],
            [(1430456400000), 0],
            [(1433134800000), 0],
            [(1435726800000), 0],
            [(1438405200000), 0],
            [(1441083600000), 0],
            [(1443675600000), 0],
            [(1446354000000), 0],
            [(1448949600000), 0],
            [(1451628000000), 0],
            [(1454306400000), 0],
            [(1456812000000), 0],
            [(1459486800000), 0]
        ];

        // A null signifies separate line segments

        //json data 
        var jdata =...