Highcharts学习2 第一个图表

通过创建一个条形图(bar)开始我们的highcharts之旅

 

1.在网页中添加一个<div>标签,指定div的id、宽度和高度,div的宽度和高度将决定你图表的宽度和高度。

<div id="container" style="width:100%; height:400px;"></div>

 

2.初始化highcharts的代码必须用<script></script>包裹,可以放在网页的任何位置。代码如下:

上面的代码使用了JQuery的一种特殊写法,当页面加载完毕时便会执行这个函数,函数里所做的就是初始化一个highcharts图表,现在你可以在页面中看到这张图表:

highcharts-first

另外,你可以为图表设置一个全局的主题,全局的主题选项通过Highcharts.setOptions 方法来设置。下载的软件包中预定义了4个主题,可以在highcharts.js后引入其中一个主题:

<script type="text/javascript" src="/js/themes/gray.js"></script>

发表评论