Commits

Anonymous committed 7535086

renamed and updated example.

  • Participants
  • Parent commits fba1de3

Comments (0)

Files changed (2)

File examples/prefix.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+   "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Test</title>
+  <!--[if IE]><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.4.2.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.categoryAxisRenderer.js"></script>
+  <script language="javascript" type="text/javascript" src="../src/plugins/jqplot.barRenderer.js"></script>
+  <!-- END: load jqplot -->
+  <style type="text/css" media="screen">
+    .jqplot-axis {
+      font-size: 0.85em;
+    }
+    div.plot {
+        margin-bottom: 70px;
+    }
+    
+    p {
+        margin: 2em 0;
+    }
+</style>
+  <script id="example_1" type="text/javascript" language="javascript">$(document).ready(function(){
+      $.jqplot.config.defaultTickFormatString = '%d';
+    
+			data = [ [25,100], [26,0], [27,100], [28,0], [29,0], [30,300], [31,300]];
+			plot1 = $.jqplot('chartdiv', [data], {
+			    title: 'test',
+				axes: {
+					xaxis: {renderer: $.jqplot.CategoryAxisRenderer},
+					yaxis: {min:0, tickOptions:{prefix: '$'}}
+				},
+				seriesDefaults: {
+					color: '#F90',
+					renderer: $.jqplot.BarRenderer,
+					shadow: false
+				}
+			});
+  });
+  </script>
+<script type="text/javascript">
+    $(document).ready(function(){
+        
+        $('#code_1').html($('#example_1').html());
+        $(document).unload(function() {$('*').unbind(); });
+
+    });
+</script> 
+  </head>
+  <body>
+<?php include "nav.inc"; ?>
+<p>Example of "prefix" axis tick option.  This option adds a prefix to the tick label if and only if no formatString option is specified.  Note that, when no user formatString is specified, linear axes will use the default format string as configured in the $.jqplot.config.defaultTickFormatString property.  By default, this is '%.1f'.  This can be changed and will affect all plots on the page after the point at which it is set.</p>
+    <div id="chartdiv" style="margin-top:20px; margin-left:20px; width:500px; height:300px;"></div>
+    <pre id="code_1" class="code-block"></pre>
+  </body>
+</html>

File examples/test.html

-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-   "http://www.w3.org/TR/html4/loose.dtd">
-
-<html lang="en">
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-  <title>Test</title>
-  <!--[if IE]><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.4.2.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.categoryAxisRenderer.js"></script>
-  <script language="javascript" type="text/javascript" src="../src/plugins/jqplot.barRenderer.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;
-      $.jqplot.config.defaultTickFormatString = '%d';
-    
-			data = [ [25,100], [26,0], [27,100], [28,0], [29,0], [30,300], [31,300]];
-			plot1 = $.jqplot('chartdiv', [data], {
-			    title: 'test',
-				axes: {
-					xaxis: {renderer: $.jqplot.CategoryAxisRenderer},
-					yaxis: {min:0, tickOptions:{prefix: '$'}}
-				},
-				grid: { borderWidth: 0.5 },
-				seriesDefaults: {
-					color: '#F90',
-					renderer: $.jqplot.BarRenderer,
-					shadow: false
-				}
-			});
-  });
-  </script>
-  </head>
-  <body>
-<?php include "nav.inc"; ?>
-    <div id="chartdiv" style="margin-top:20px; margin-left:20px; width:500px; height:300px;"></div>
-  </body>
-</html>