码迷,mamicode.com
首页 > 其他好文 > 详细

1-Highcharts环境介绍及配置

时间:2016-07-01 22:58:07      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

  Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库,废话不多说,直接进入主题!

  首先,下载Highcharts包文件,下载地址如下:

  解压文件后,下载最新版本jQuery,好了,所需的文件暂时就要这么些了!

  开始基本配置,配置很简单:

  1:建立html,

  2:在head中引入jQuery的js包,和下载的Highcharts目录下js的Highcharts.js包,

  3:在body中一般建立一个div,格式如下:<div id="container" style="min-width:800px;height:400px"></div>,这个div就是包含生成图表的块,

  4:然后在head中建立script包含javascript代码编写即可。

  具体格式如下:

  

<!DOCTYPE>
<html lang=‘en‘>
<head>
<script src="../jquery-2.1.4/jquery.min.js"></script>
<script src="../Highcharts-4.2.5/js/highcharts.js"></script>
<script src="../Highcharts-4.2.5/js/themes/grid.js"></script><!--主题   网格 -->


<script>
$(function () { 
    //javascript代码写在此处
});
</script>
</head>

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

</html>

 

  

1-Highcharts环境介绍及配置

标签:

原文地址:http://www.cnblogs.com/jianyeLee/p/5634366.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!