Source

jqplot-douglaz / jqplot.html

<!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>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.