提示:Bower 是一个前端资源包管理工具,使用它可以方便的下载和管理前端包资源。如果你暂时没有用到 Bower,可以跳过本文。
我们提供的 Bower 包,包含了 Highcharts、Highstock、Highmaps 及相关的 js 文件,通过以下命令即可安装
bower install highcharts --save
1. 加载 Highcharts
<script src="/bower_components/highcharts/highcharts.js"></script>
<script>
// 创建图表
Highcharts.Chart('container', {
/*Highcharts 配置*/
});
</script>
2. 加载功能模块
在 Highcharts 的基础上增加模块功能,只需要引入相应的模块文件即可
<script src="/bower_components/highcharts/modules/exporting.js"></script>
3. 加载 Highstock 或 Highmaps
Highstock 是完全包含 Highcharts的,所以没必要将两个文件都引用;Highmaps 可以单独使用也可以通过地图模块来引用。
<script src="/bower_components/highcharts/highstock.js"></script>
<script src="/bower_components/highcharts/modules/map.js"></script>
如果只需要 Highmaps 功能,那么只需要引用 highmaps.js 即可
<script src="/bower_components/highcharts/highmaps.js"></script>