Source

jqplot / jqplot.html

Full commit
Chris Leonello 0b3843e 



Chris Leonello 03df431 
Chris Leonello 0b3843e 
Chris Leonello 9beb0bf 
Chris Leonello 44b6fb7 


Chris Leonello 9c9d8e4 


Chris Leonello c4686fe 
Chris Leonello 0b3843e 
Chris Leonello 44b6fb7 
Chris Leonello 0b3843e 
Chris Leonello 9beb0bf 

Chris Leonello c6b41c3 
Chris Leonello 1c99d08 



Chris Leonello 44b6fb7 

Chris Leonello 315ad0b 

Chris Leonello 44b6fb7 
Chris Leonello 9ba587a 
Chris Leonello 44b6fb7 

Chris Leonello 315ad0b 



Chris Leonello 9ba587a 


Chris Leonello 1c99d08 
Chris Leonello 44b6fb7 
Chris Leonello 315ad0b 
Chris Leonello 44b6fb7 

Chris Leonello 1c99d08 
Chris Leonello 315ad0b 
Chris Leonello 1a24380 
Chris Leonello 9c9d8e4 
Chris Leonello 1a24380 
Chris Leonello 44b6fb7 

Chris Leonello 9ba587a 
Chris Leonello 44b6fb7 
Chris Leonello 315ad0b 
Chris Leonello 1c99d08 
Chris Leonello 315ad0b 











Chris Leonello 0b3843e 



Chris Leonello 9beb0bf 
Chris Leonello 0b3843e 



Chris Leonello 1c99d08 


Chris Leonello 0b3843e 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="../jquery-1.3.2.js"></script>
    <script language="javascript" type="text/javascript" src="jquery.jqplot.js"></script>
    <script language="javascript" type="text/javascript" src="jqplot.AxisTicks.js"></script>
    <script language="javascript" type="text/javascript" src="jqplot.linearAxisRenderer.js"></script>
    <script language="javascript" type="text/javascript" src="jqplot.logAxisRenderer.js"></script>
    <script language="javascript" type="text/javascript" src="jqplot.canvasGridRenderer.js"></script>
    <script language="javascript" type="text/javascript" src="jqplot.lineRenderer.js"></script>
    <script language="javascript" type="text/javascript" src="jqplot.markRenderer.js"></script>
    <script language="javascript" type="text/javascript" src="jqplot.trendLines.js"></script>
    <script language="javascript">
				
		$(document).ready(function(){
			// chart = $.jqplot('chartdiv', [[[1,1],[2,4], [3,5], [4,5], [6,12]], [[32,18],[46,32],[79,47]]], {series:[{}, {xaxis:'x2axis', yaxis:'y2axis'}], axes:{y2axis:{scale:1.5}}});
			// chart = $.jqplot('chartdiv', [[[1,1],[2,4], [3,5], [4,5], [6,12]], [[32,18],[46,14],[79,55]]]);
			// chart = $.jqplot('chartdiv', [[[1,1],[2,4], [3,5], [4,1], null, [6,12]], [[32,18],[46,14],[79,55]]], {series:[{}, {xaxis:'x2axis', yaxis:'y2axis'}], axesDefaults:{ticks:{fontSize:'0.85em'}}, axes:{yaxis:{min:0, max:15}}, seriesDefaults:{lineWidth:2.5, shadowOffset:1, shadowDepth:3, shadowAlpha:0.07}});
/*
        chart1 = $.jqplot('chartdiv1', [[[1,1],[2,4], [4,5], [5,3], null, [7,8]], [[6,10],[10,7.7],[14,10],[18,15]]]);
        chart2 = $.jqplot('chartdiv2', [[[1,1],[2,4], [4,5], [5,3], null, [7,8]], [[2,35],[5,30],[9,18],[11,21]]], {title:'Sample #2', series:[{}, {yaxis:'y2axis'}]});
*/

				
				var data = [];
				var temp = [];
				var d = 2;
				var g = 1.136465;
				g = 1.6;
				for (var i=1; i<10; i++) {
					temp.push([i, d]);
					d *= g;
				}
				data.push(temp);
				// for (var i=0; i<data[0].length; i++) {
				// 	console.log(data[0][i]);
				// }
        chart = $.jqplot('chartdiv', 
            //[[[1,1],[2,2],[3,5],[4,3.6],[5,6.2],[6,12.1]], [[21,1],[32,313],[43,752],[54,3081],[65,6472],[76,8947]]],
            //[[[1,1.1],[2,1.4],[3,1.6],[4,2],[5,2.45],[6,2.8],[7,3.4],[8,4.4],[9,4.8],[10,5.4]]], 
						data,
						//[[[4, 34], [5, 39], [6, 47], [7, 41], [8, 52], [9, 63], [10, 76]]],
            {
                title:{text:'dP increase'}, 
                legend:{textColor:'', fontSize:'0.8em', location:'nw', rowSpacing:'0.2em'}, 
                grid:{borderShadow:true, drawGridlines:true, background: '#ffffe0'}, 
                axesDefaults:{ticks:{mark:'cross', showLabels:true, size:6, fontSize:'0.75em'}}, 
                // series:[{show:true, trendLines:{type: 'exp', show:true, label:'Line 1 Trend'}, label:'Line 1'}, {show: false, label:'Line 2', xaxis:'xaxis', yaxis:'yaxis'}],
								series:[{renderer:{}, label:'calculated 2', xaxis:'xaxis', yaxis:'yaxis'}],
                // axes:{yaxis:{pad:1, type:'log', ticks:{values:[100, 158, 251, 398, 630, 1000]}}},
								axes:{yaxis:{rendererOptions:{tickDistribution:'power'}, renderer: new $.jqplot.logAxisRenderer()}},
        				seriesDefaults:{rendererOptions:{marker:{style:'filledCircle'}}}
            });

        // chart = $.jqplot('chartdiv', 
        //     [[[1,87],[2,313],[3,752],[4,3081],[5,6472],[6,10355]]], 
        //     {
        //         title:{text:'Dual Axis With Title and Trend Line'}, 
        //         legend:{textColor:'', fontSize:'0.8em', location:'nw', rowSpacing:'0.2em'}, 
        //         grid:{borderShadow:true, drawGridlines:true, background: '#ffffe0'}, 
        //         axesDefaults:{ticks:{mark:'cross', showLabels:true, size:6, fontSize:'0.75em'}}, 
        //         series:[{label:'Line 2', xaxis:'xaxis', yaxis:'yaxis'}],
        //         axes:{yaxis:{type:'log', pad:2}},
        // 								seriesDefaults:{rendererOptions:{marker:{style:'circle'}}}
        //     });
		});
		</script>
		<style type="text/css">
		.jqplot {

		}
		</style>
 </head>
    <body>
    <p></p>
	<div id="chartdiv" class="jqplot" style="height:360px;width:540px; "></div>

</body></html>