Previous HOME Next
$10
$25
$50
$75
$100
$250
$500
$750
$1000

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
$(document).ready(function(){
    plot1 = $.jqplot('chart1', [yahoo], {
        series: [{
            renderer: $.jqplot.OHLCRenderer,
            rendererOptions: {
                candleStick: true
            }
        }],
        axes: {
            xaxis: {
                renderer:$.jqplot.DateAxisRenderer,
                rendererOptions: {
                    tickInset: 0
                },
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                tickOptions: {
                  angle: -30
                }
            },
            yaxis: { 
                renderer: $.jqplot.LogAxisRenderer,
                tickOptions:{ prefix: '$' }
            }
        },
        cursor:{
            show: true,
            zoom: true
        }
    });
});

The charts on this page depend on the following files:

?
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="../jquery.jqplot.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot.logAxisRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot.ohlcRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot.cursor.min.js"></script>
<link rel="stylesheet" type="text/css" hrf="../jquery.jqplot.min.css" />