JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.flotcharts.org/flot/jquery.flot.js"></script>
<div class="target" id="placeholder"></div>
CSS
.target{
width: 600px;
height: 200px;
background-image:url('http://i.imgur.com/QE8Plep.png');
font:18px arial,sans-serif
}
JavaScript
$.plot("#placeholder", [
{data: [[260,0],[260,100]], color: 'black', lines: {lineWidth:4}}
],{
yaxis:{
show: false
},
xaxis:{
min: 0,
max: 400
},
grid: {
show: true,
borderWidth: 0,
margin: {bottom: 90},
labelMargin: -90,
color: 'white'
}
});