Thanks Dragan...here it is.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows1252"> <title>Water & Air Testing</title>
<link rel="stylesheet" type="text/css" href="http://devisrv.internal.upsher-smith.com:8001/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjqchartcss" />
<link rel="stylesheet" type="text/css" href="http://devisrv.internal.upsher-smith.com:8001/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjqRangeSelector" />
<script src="http://devisrv.internal.upsher-smith.com:8001/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjquery_min" type="text/javascript"></script>
<script src="http://devisrv.internal.upsher-smith.com:8001/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjqchartscatter" type="text/javascript"></script>
<script src="http://devisrv.internal.upsher-smith.com:8001/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjqrangeselectorjs" type="text/javascript"></script>
<!--[if IE]><script type="text/javascript" src="http://devisrv.internal.upsher-smith.com:8001/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zexcanvas"></script><![endif]-->
<script lang="javascript" type="text/javascript">
var tab1 =[['2138-A1',10],['2138-S1',12],['2139-A1',5],['2139-S1',2],['3119-A1',1],['3119-A2',3],['3119-S1',25],['3121-A1',12],['3121-A2',6],['3121-S1',15]];
var alert = 300.00;
var action = 400.00;
$(document).ready(function () {
$('#scatter01').jqChart({
title: { text:'Total Plate Count For Material ENV_AIR_DEN'},
axes: [
{
title:'colony forming units',
type:'linear',
location:'left',
plotLines: [
{
lineWidth : 3,
strokeStyle :'orange',
value : alert,
title: { text:'Alert Limit',fillStyle :'orange',hAlign:'right'}
}
,
{
lineWidth : 3,
strokeStyle :'red',
value : action,
title: { text:'Action Limit',fillStyle :'red',hAlign:'right'}
}
]
}
],
series: [
{
title:'Period: 006 Year: 2013',
type:'column',
strokeStyle:'black',lineWidth: 1,
pointWidth: 0.1,
markers: { size: 10, type:'circle',
strokeStyle:'black', lineWidth: 1 },
labels: { stringFormat:'%d',font:'12px sans-serif'},
data: tab1
}
]
});
});
</script></head>
<body>
<h1></h1>
<h3></h3>
<h5 style="color:red;"></h5>
<div id="scatter01" style="height: 500px;"></div>
<textarea rows="5" cols="75"></textarea></body>
</html>