先上一个简单的代码:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Highcharts Example</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> $(function () { $('#container').highcharts({ chart: { type: 'line' }, title: { text: 'Monthly Average Temperature' }, xAxis: { tickInterval: 10, categories: ['Jan', 'Feb', 'Mar'] }, plotOptions:{//设置数据点 series: { marker: { enabled: false }, enableMouseTracking: false, animation: false } }, series: [{ name: 'china', data: [null, null, null,1,2,3,4,5,6,7,8,9,null,1,2,3,4,5,null,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,0,0,0,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10] }] }); }); </script> </head> <body> <script src="js/highcharts.js"></script> <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> </body> </html>
http://www.52wulian.org/highcharts_api/