JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/vpassapera/jqPlot/master/jquery.jqplot.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/vpassapera/jqPlot/master/jquery.jqplot.min.css">
<script src="https://rawgit.com/vpassapera/jqPlot/master/plugins/jqplot.meterGaugeRenderer.min.js"></script>
<div id="chart3"></div>

CSS

#chart3 {
			position: aboslute;
			height: 100px;
			width: 100%;
}

JavaScript

var s1 = [3];
$("#chart3").click(function(){
		   	s1 = 5;
		  	var newValue = s1;
		  	plot1.series[0].data[0] = [1,newValue];
		  	plot1.replot();
		  	return s1;
		 }); 
 
 
	  var plot1 = $.jqplot('chart3',[s1],{
	       seriesDefaults: {
	           renderer: $.jqplot.MeterGaugeRenderer,
	           rendererOptions: {
	        	   
	        	   min: 0,
	        	   max: 16,
	        	   showTickLabels: true,
	               ticks: ['E','','','','','','','','F'],
	               intervals: [8,14,16],
	               intervalColors:['#66cc66', '#E7E658', '#cc6666']
	           }
	       }
	       
	   });