--- /dev/null
+<!DOCTYPE HTML>
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>Highstock Example</title>
+
+ <script type="text/javascript">
+ \r
+ $.get('/samples/stock/demo/line-markers/data.csv', function(csv) {\r
+ \r
+ // parse the CSV data\r
+ var data = [], header, comment = /^#/, x;\r
+ \r
+ $.each(csv.split('\n'), function(i, line){\r
+ if (!comment.test(line)) {\r
+ if (!header) {\r
+ header = line;\r
+ }\r
+ else {\r
+ var point = line.split(';'), \r
+ date = point[0].split('-');\r
+ \r
+ if (point.length > 1) {\r
+ x = Date.UTC(date[2], date[1] - 1, date[0]);\r
+ \r
+ data.push([\r
+ x, // time \r
+ parseFloat(point[4]) // close\r
+ ]);\r
+ }\r
+ }\r
+ }\r
+ });\r
+ \r
+ // Create the chart \r
+ window.chart = new Highcharts.StockChart({\r
+ chart: {\r
+ renderTo: 'container'\r
+ },\r
+ \r
+ rangeSelector: {\r
+ selected: 1\r
+ },\r
+ \r
+ title: {\r
+ text: 'USD to EUR exchange rate'\r
+ },\r
+ \r
+ xAxis: {\r
+ maxZoom: 14 * 24 * 3600000 // fourteen days\r
+ },\r
+ yAxis: {\r
+ title: {\r
+ text: 'Exchange rate'\r
+ }\r
+ },\r
+ \r
+ series: [{\r
+ name: 'USD to EUR',\r
+ data: data,\r
+ marker: {\r
+ enabled: true,\r
+ radius: 3\r
+ },\r
+ shadow: true\r
+ }]\r
+ });\r
+ });
+ </script>
+
+ </head>
+ <body>
+
+ <script type="text/javascript" src="http://www.highcharts.com/js/testing-stock.js"></script>\r\r
+ \r
+ <div id="container" style="height: 500px"></div>
+ </body>
+</html>