日期:2014-05-16 浏览次数:20382 次
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Highstock Example</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&callback=?', function(data) { document.getElementById("h").value=data; // Create the chart window.chart = new Highcharts.StockChart({ chart : { renderTo : 'container' }, rangeSelector : { selected : 1 }, title : { text : '图表分析' }, yAxis : { title : { text : 'Exchange rate' }, max:1, min:0, plotLines : [{ value : 0.2, color : 'green', dashStyle : 'shortdash', width : 2, label : { text : '下限(0.2)' } }, { value : 0.7, color : 'red', dashStyle : 'shortdash', width : 2, label : { text : '上限(0.6)' } }] }, series : [{ name : 'USD to EUR', data : data, tooltip : { yDecimals : 4 } }] }); }); }); </script> </head> <body> <script type="text/javascript" src="../../js/highstock.src.js"></script> <div id="container" style="height: 500px; min-width: 500px"></div> <input type="text" name="h" id="h" value=""> </body> </html>