关于highcharts(功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库)

官网http://www.hcharts.cn/

引入下列文件

1  <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> 
2 <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> 
3 <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/exporting.js"></script>

1  <script>
2  //调用方法
3  </script>

关于highcharts(功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库)

参考网站：http://www.hcharts.cn/docs/index.php?doc=basic-compose

内容写入

1 <body> 
2 <div id="container" style="min-width:700px;height:400px">
3 </div> 
4 </body>

引用当前div内的id名称即可

1 $(function () {
2     $('#container').highcharts({
3 //图表配置内容
4     });
5 });