Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
875 lars 1 
<!DOCTYPE HTML>
2 
<html>
3 
	<head>
4 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 
		<title>Highstock Example</title>
6 
 
7 
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
8 
		<style type="text/css">
9 
${demo.css}
10 
		</style>
11 
		<script type="text/javascript">
12 
$(function () {
13 
    var seriesOptions = [],
14 
        seriesCounter = 0,
15 
        names = ['MSFT', 'AAPL', 'GOOG'],
16 
        // create the chart when all data is loaded
17 
        createChart = function () {
18 
 
19 
            $('#container').highcharts('StockChart', {
20 
 
21 
                rangeSelector: {
22 
                    selected: 4
23 
                },
24 
 
25 
                yAxis: {
26 
                    labels: {
27 
                        formatter: function () {
28 
                            return (this.value > 0 ? ' + ' : '') + this.value + '%';
29 
                        }
30 
                    },
31 
                    plotLines: [{
32 
                        value: 0,
33 
                        width: 2,
34 
                        color: 'silver'
35 
                    }]
36 
                },
37 
 
38 
                plotOptions: {
39 
                    series: {
40 
                        compare: 'percent'
41 
                    }
42 
                },
43 
 
44 
                tooltip: {
45 
                    pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>',
46 
                    valueDecimals: 2
47 
                },
48 
 
49 
                series: seriesOptions
50 
            });
51 
        };
52 
 
53 
    $.each(names, function (i, name) {
54 
 
55 
        $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=' + name.toLowerCase() + '-c.json&callback=?',    function (data) {
56 
 
57 
            seriesOptions[i] = {
58 
                name: name,
59 
                data: data
60 
            };
61 
 
62 
            // As we're loading the data asynchronously, we don't know what order it will arrive. So
63 
            // we keep a counter and create the chart when all the data is loaded.
64 
            seriesCounter += 1;
65 
 
66 
            if (seriesCounter === names.length) {
67 
                createChart();
68 
            }
69 
        });
70 
    });
71 
});
72 
		</script>
73 
	</head>
74 
	<body>
75 
<script src="../../js/highstock.js"></script>
76 
<script src="../../js/modules/exporting.js"></script>
77 
 
78 
 
79 
<div id="container" style="height: 400px; min-width: 310px"></div>
80 
	</body>
81 
</html>