关于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>
参考网站: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 });