Commits

Anonymous committed 5395d44

forgot to add the actual example.

Comments (0)

Files changed (1)

examples/axisScalingForceTicAt.html

+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Random Test</title>
+  <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../src/excanvas.js"></script><![endif]-->
+  
+  <link rel="stylesheet" type="text/css" href="../src/jquery.jqplot.css" />
+  <link rel="stylesheet" type="text/css" href="examples.css" />
+  
+  <!-- BEGIN: load jquery -->
+  <script language="javascript" type="text/javascript" src="../src/jquery-1.5.1.min.js"></script>
+  <!-- END: load jquery -->
+  
+  <!-- BEGIN: load jqplot -->
+  <script language="javascript" type="text/javascript" src="../src/jquery.jqplot.js"></script>
+  <script language="javascript" type="text/javascript" src="../src/plugins/jqplot.canvasAxisTickRenderer.js"></script>
+  <script language="javascript" type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.js"></script>
+  <script language="javascript" type="text/javascript" src="../src/plugins/jqplot.canvasOverlay.js"></script>
+
+  <!-- END: load jqplot -->
+<script language="javascript" type="text/javascript">
+
+  function makeContinuousData(npoints, ybase, yvariation) {
+      var data = [];
+      if (yvariation == null) {
+          yvariation = ybase;
+          ybase = (Math.random() - 0.5) * 2 * yvariation;
+      }
+      for (j=0; j<npoints; j++) {
+          data.push([j, ybase]);
+          ybase += (Math.random() - 0.5) * 2 * yvariation;
+      }
+      return data;
+  }
+
+  function makeRandomData(npoints, yvariation) {
+      var data = [];
+      for (j=0; j<npoints; j++) {
+          var y = (Math.random() - 0.5) * 2 * yvariation;
+          data.push([j, y]);
+      }
+      return data;
+  }
+  function makeDualContinuousData(npoints, xbase, xvariation, ybase, yvariation) {
+      var data = [];
+      if (ybase == null && yvariation == null) {
+          xvariation = xbase;
+          yvariation = xvariation;
+          xbase = (Math.random() - 0.5) * 2 * xvariation;
+          ybase = (Math.random() - 0.5) * 2 * yvariation;
+      }
+      for (j=0; j<npoints; j++) {
+          data.push([xbase, ybase]);
+          xbase += (Math.random()) * xvariation;
+          ybase += (Math.random() - 0.5) * 2 * yvariation;
+      }
+      return data;
+  }
+
+  var plotOptions = {
+      axes: {
+          yaxis: {
+              rendererOptions: { forceTickAt0:  true, forceTickAt100: true }
+          }
+      }
+  };
+
+</script>
+
+<script class="code" type="text/javascript"> 
+$(document).ready(function(){
+  plot1 = $.jqplot('chart1',[makeContinuousData(100, 55)], {});
+});
+</script>
+
+<script class="code" type="text/javascript"> 
+$(document).ready(function(){
+  plot2 = $.jqplot('chart2',[makeContinuousData(100, 1, 0.001)], {});
+});
+</script>
+
+<script class="code" type="text/javascript"> 
+$(document).ready(function(){
+  plot3 = $.jqplot('chart3',[makeContinuousData(20, 40, 5)], {
+    axes: {
+      yaxis: {
+        rendererOptions: { forceTickAt0: true, forceTickAt100: true }
+      }
+    }
+  });
+});
+</script>
+
+<script class="code" type="text/javascript"> 
+$(document).ready(function(){
+  plot4 = $.jqplot('chart4',[makeContinuousData(20, 40, 5)], {
+    axesDefaults: {
+      pad: 0
+    },
+    axes: {
+      yaxis: {
+        rendererOptions: { forceTickAt0: true, forceTickAt100: true }
+      }
+    }
+  });
+});
+</script>
+
+<script class="code" type="text/javascript"> 
+$(document).ready(function(){
+  plot5 = $.jqplot('chart5',[makeContinuousData(20, 40, 5)], {
+    axes: {
+      xaxis: {
+        padMin: 0,
+        padMax: 1.2
+      },
+      yaxis: {
+        padMax: 0,
+        rendererOptions: { forceTickAt0: true, forceTickAt100: true }
+      }
+    }
+  });
+});
+</script>
+
+<script class="code" type="text/javascript"> 
+$(document).ready(function(){
+  plot6 = $.jqplot('chart6',[makeContinuousData(20, 40, 8)], {
+    axes: {
+      yaxis: {
+        rendererOptions: { forceTickAt0: true, forceTickAt100: true }
+      }
+    },
+    canvasOverlay: {
+      show: true,
+      objects: [
+        {horizontalLine: {
+          name: 'pebbles',
+          y: 0,
+          lineWidth: 3,
+          color: 'rgb(100, 55, 124)',
+          shadow: true,
+          lineCap: 'butt',
+          xOffset: 0
+        }},
+        {dashedHorizontalLine: {
+          name: 'bam-bam',
+          y: 100,
+          lineWidth: 4,
+          dashPattern: [8, 16],
+          lineCap: 'round',
+          xOffset: '25',
+          color: 'rgb(66, 98, 144)',
+          shadow: false
+        }}
+      ]
+    }
+  });
+});
+
+function lineup(plot, name) {
+    var co = plot.plugins.canvasOverlay;
+    var line = co.get(name);
+    line.options.y += 5;
+    co.draw(plot);
+}
+
+function linedown(plot, name) {
+    var co = plot.plugins.canvasOverlay;
+    var line = co.get(name);
+    line.options.y -= 5;
+    co.draw(plot);
+}
+
+</script>
+
+    <script type="text/javascript">    
+        $(document).ready(function(){
+            $('script.code').each(function(index) {
+                $('pre.code').eq(index).text($(this).html());
+            });
+            $('script.common').each(function(index) {
+                $('pre.common').eq(index).html($(this).html());
+            });
+            $(document).unload(function() {$('*').unbind(); });
+        });
+    </script> 
+
+  </head>
+  <body>
+<?php include "nav.inc"; ?>
+<div id="chart1" style="height:300px; width:600px;margin: 30px;"></div>
+<pre class="code"></pre>
+<div id="chart2" style="height:300px; width:600px;margin: 30px;"></div>
+<pre class="code"></pre>
+<div id="chart3" style="height:300px; width:600px;margin: 30px;"></div>
+<pre class="code"></pre>
+<div id="chart4" style="height:300px; width:600px;margin: 30px;"></div>
+<pre class="code"></pre>
+<div id="chart5" style="height:300px; width:600px;margin: 30px;"></div>
+<pre class="code"></pre>
+<div id="chart6" style="height:300px; width:600px;margin: 30px;"></div>
+
+
+<div>
+<button onclick="lineup(plot6, 'pebbles')">&nbsp;Pebbles Up&nbsp;&nbsp;</button>
+<button onclick="linedown(plot6, 'pebbles')">&nbsp;Pebbles Down&nbsp;</button>
+</div>
+<div>
+<button onclick="lineup(plot6, 'bam-bam')">Bam-Bam Up</button>
+<button onclick="linedown(plot6, 'bam-bam')">Bam-Bam Down</button>
+</div>
+
+<pre class="code"></pre>
+
+  </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.