JSFiddle - React, Tailwind, and code Playground

by AnthonyLeGovic

HTML

<link rel="stylesheet" href="http://www.prioritymarketers.com/jqplot/src/jquery.jqplot.css">
<script src="http://www.prioritymarketers.com/jqplot/src/jquery.jqplot.js"></script>
<script src="http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.categoryAxisRenderer.js"></script>
<div id="chart1" style="margin-top:20px; margin-left:20px; width:600px; height:300px;"></div>

JavaScript

$(document).ready(function(){
  var cosPoints = [];
  var cosPoints2 = [];
  for (var i=0; i<2*Math.PI; i+=0.1){
     cosPoints.push([i, Math.cos(i)]);
     cosPoints2.push([i, Math.cos(i-1)]);
  }
  var plot1 = $.jqplot('chart1', [cosPoints,cosPoints2], { 
      series:[
          //Options for the first series
          {color: 'blue'},
          //Options for the second series
          {color: 'red'}
      ],
      axes:{
        xaxis:{
          label:'Angle (radians)'
        },
        yaxis:{
          label:'Cosine'
        }
      }
  });
});