JSFiddle - React, Tailwind, and code Playground

by andig2

HTML

<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title></title>
  </head>
  <body>
    <div id="placeholder" style="width:800px;height:400px;"></div>
  </body>
</html>

JavaScript

var options = {
     series: {
         bars: {
             show: true,
             barWidth: 3600*24*300*1000, // 1/2 year in milliseconds
         },
     },
     yaxes: {
         min: 0
     },
     xaxis: {
         mode: 'time',
     }
 };
 
var d1 = [[1230768000*1000, 100], 
          [1262304000*1000, 200], 
          [1293840000*1000, 300]];
var d2 = [[1230768000*1000, 50], 
          [1262304000*1000, 150], 
          [1293840000*1000, 200]];

 $(function() {
     $.plot($('#placeholder'), [d1,d2], options);
 });