Commits

Anonymous committed 9a27d2a

Added canvas ticks to example.

Comments (0)

Files changed (1)

examples/intticks.html

 <html lang="en">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-  <title>Simple Test</title>
+  <title>Enhanced Tick Algorithm</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" />
   <script language="javascript" type="text/javascript" src="../src/jquery.jqplot.js"></script>
   <script language="javascript" type="text/javascript" src="../src/plugins/jqplot.barRenderer.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.canvasTextRenderer.js"></script>
+  <script language="javascript" type="text/javascript" src="../src/plugins/jqplot.canvasAxisTickRenderer.js"></script>
   <!-- END: load jqplot -->
-
-
+<style type="text/css">
+.jqplot-target {
+    margin-bottom: 30px;
+}
+</style>
 <script language="javascript" type="text/javascript">
 $(document).ready(function(){
 
                }
            }
        },
-       title: 'Simple Test',
        legend: {show: true}
    });
    
                }
            }
        },
-       title: 'Simple Test',
        legend: {show: true}
    });
    
                }
            }
        },
-       title: 'Simple Test',
+       title: 'Default Tick Renderer',
        legend: {show: true}
    });
    
-   s1 = [2.9,1.5,2,0.5,2,1,2.5];
+   s1 = [3,1.5,2,0.5,2,1,2.5];
 
    plot4 = $.jqplot('chart4',[s1],{
        axes: {
            yaxis: {
+               tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                tickOptions: {
-                   formatString: '%d'
+                   formatString: '%d',
+                   angle: -30
                }
            }
        },
-       title: 'Simple Test',
+       title: 'Canvas Tick Renderer',
        legend: {show: true}
    });
    
                }
            }
        },
-       title: 'Simple Test',
        legend: {show: true}
    });
    
                min: 0
            }
        },
-       title: 'Simple Test',
        legend: {show: true}
    });