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

我们提供的 Bower 包,包含了 Highcharts、Highstock、Highmaps 及相关的 js 文件,通过以下命令即可安装

  1. bower install highcharts --save

1. 加载 Highcharts

  1. <script src="/bower_components/highcharts/highcharts.js"></script>
  2. <script>
  3. // 创建图表
  4. Highcharts.Chart('container', {
  5. /*Highcharts 配置*/
  6. });
  7. </script>

2. 加载功能模块

在 Highcharts 的基础上增加模块功能,只需要引入相应的模块文件即可

  1. <script src="/bower_components/highcharts/modules/exporting.js"></script>

3. 加载 Highstock 或 Highmaps

Highstock 是完全包含 Highcharts的,所以没必要将两个文件都引用;Highmaps 可以单独使用也可以通过地图模块来引用。

  1. <script src="/bower_components/highcharts/highstock.js"></script>
  2. <script src="/bower_components/highcharts/modules/map.js"></script>

如果只需要 Highmaps 功能,那么只需要引用 highmaps.js 即可

  1. <script src="/bower_components/highcharts/highmaps.js"></script>

原文: https://www.hcharts.cn/docs/install-from-bower