mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-08-17 12:01:20 +02:00
Add jqplot for graphing
This commit is contained in:
50
phpgwapi/js/jquery/jqplot/examples/horizontalLine.html
Normal file
50
phpgwapi/js/jquery/jqplot/examples/horizontalLine.html
Normal file
@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Horizontal Line (const. y values)</title>
|
||||
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../jquery.jqplot.css" />
|
||||
<link rel="stylesheet" type="text/css" href="examples.css" />
|
||||
|
||||
<!-- BEGIN: load jquery -->
|
||||
<script language="javascript" type="text/javascript" src="../jquery.js"></script>
|
||||
<!-- END: load jquery -->
|
||||
|
||||
<!-- BEGIN: load jqplot -->
|
||||
<script language="javascript" type="text/javascript" src="../jquery.jqplot.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.js"></script>
|
||||
<!-- END: load jqplot -->
|
||||
<style type="text/css" media="screen">
|
||||
.jqplot-axis {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript" language="javascript">
|
||||
|
||||
$(document).ready(function(){
|
||||
$.jqplot.config.enablePlugins = true;
|
||||
|
||||
line1 = [[1244337000000, 10], [1244337300000, 10], [1244337600000, 10], [1244337900000, 10], [1244338200000, 10]];
|
||||
plot2 = $.jqplot('chart', [line1], {
|
||||
title: 'A Horizontal Line',
|
||||
axes: {
|
||||
xaxis: {
|
||||
renderer: $.jqplot.DateAxisRenderer,
|
||||
numberTicks: 5
|
||||
}
|
||||
},
|
||||
series:[{},{lineWidth:1, color:'#999999', showMarker:false}]
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<?php include "nav.inc"; ?>
|
||||
<div id="chart" style="margin-top:20px; margin-left:20px; width:500px; height:300px;"></div>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user