6 <title>Zooming with Date and Log Axes
</title>
8 <link class=
"include" rel=
"stylesheet" type=
"text/css" href=
"../jquery.jqplot.min.css" />
9 <link rel=
"stylesheet" type=
"text/css" href=
"examples.min.css" />
10 <link type=
"text/css" rel=
"stylesheet" href=
"syntaxhighlighter/styles/shCoreDefault.min.css" />
11 <link type=
"text/css" rel=
"stylesheet" href=
"syntaxhighlighter/styles/shThemejqPlot.min.css" />
13 <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
14 <script class="include" type="text/javascript" src="../jquery.min.js"></script>
21 <a class="nav" href="../../../index.php"><span>></span>Home</a>
22 <a class="nav" href="../../../docs/"><span>></span>Docs</a>
23 <a class="nav" href="../../download/"><span>></span>Download</a>
24 <a class="nav" href="../../../info.php"><span>></span>Info</a>
25 <a class="nav" href="../../../donate.php"><span>></span>Donate</a>
28 <div class="example-content">
30 <div class="example-nav">
31 <a href="date-axes.html">Previous</a> <a href="./">Examples</a> <a href="dateAxisRenderer.html">Next</a></div>
33 <div class="example-plot" id="chart1" style="width: 700px; height: 400px;"></div>
35 <!-- Example scripts go here -->
37 <script type="text/javascript" src="yahooData.js" ></script>
39 <script type="text/javascript" class="code">
40 $(document).ready(function(){
41 plot1 = $.jqplot('chart1', [yahoo], {
43 renderer: $.jqplot.OHLCRenderer,
50 renderer:$.jqplot.DateAxisRenderer,
54 tickRenderer: $.jqplot.CanvasAxisTickRenderer,
60 renderer: $.jqplot.LogAxisRenderer,
61 tickOptions:{ prefix: '$' }
72 <!-- End example scripts -->
74 <!-- Don't touch this! -->
77 <script class="include" type="text/javascript" src="../jquery.jqplot.min.js"></script>
78 <script type="text/javascript" src="syntaxhighlighter/scripts/shCore.min.js"></script>
79 <script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.min.js"></script>
80 <script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.min.js"></script>
81 <!-- End Don't touch this! -->
83 <!-- Additional plugins go here -->
85 <script class="include" type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.min.js"></script>
86 <script class="include" type="text/javascript" src="../plugins/jqplot.logAxisRenderer.min.js"></script>
87 <script class="include" type="text/javascript" src="../plugins/jqplot.canvasTextRenderer.min.js"></script>
88 <script class="include" type="text/javascript" src="../plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
89 <script class="include" type="text/javascript" src="../plugins/jqplot.ohlcRenderer.min.js"></script>
90 <script class="include" type="text/javascript" src="../plugins/jqplot.cursor.min.js"></script>
92 <!-- End additional plugins -->
96 <script type="text/javascript" src="example.min.js"></script>