通过 Bower 安装

优质
小牛编辑
121浏览
2023-12-01

提示:Bower 是一个前端资源包管理工具,使用它可以方便的下载和管理前端包资源。如果你暂时没有用到 Bower,可以跳过本文。

注意:Bower 已经停止维护,不建议继续使用 Bower 安装 Highcharts。

我们提供的 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>