网页图表Highcharts实践教程之图表代码构成
网页图表Highcharts实践教程之图表代码构成 Highcharts 第一个实例 下面我们来实现本书的第一个 Highcharts 实例。 【实例 1-1 】下面来制作北京连续一周最高温度折线图。操作过程如下: ( 1 ) 新建一个网页文件,命名为 Hello.html 。同时,将 title 设置为 Hello Highcharts 。代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>Hello Highcharts</title> </head> <body> </body> </html> ( 2 ) 在网页中添加一个 div ,设置 id 为 container 。 <div id="container"></div> ( 3 ) 设置该 div 的样式,代码如下: <style type="text/css"> #container { width:500px; height:300px; border:1px solid #000; padding :20px; margin:10px; } </style> ( 4 ) 引入 jQuery 脚本和 Highcharts 脚本,代码如下: <script src="jquery.js"><