Highchart插件下载与安装

提供完整的 Highcharts 资源包，包含实例文件、全部的 js 压缩版及源码、导出服务器文件等。

一、资源包的使用：

 

二、开放的CDN：http://img.hcharts.cn/

 2、Highchart的安装：

一、使用npm的安装：

　　npm相关文档：http://www.npmjs.com.cn/

npm install highcharts --save

• 加载  Highcharts

　　　　var Highcharts = require('highcharts'); 　　　　// 在 Highcharts 加载以后加载功能模块 　　　　require('highcharts/modules/exporting')(Highcharts); 　　　　// 建立图表 　　　　Highcharts.chart('container', {   　　　 /*Highcharts 配置*/ 　　　　});

• 加载 Highstock 或 Highmaps

　　　Highstock 是彻底包含 Highcharts的，因此不必将两个文件都引用；Highmaps 能够单独使用也能够经过地图模块来引用。

　　　var Highcharts = require('highcharts/highstock');

　　　// 加载 地图 模块

　　　require('highcharts/modules/map')(Highcharts);

　　　固然若是只须要 Highmaps 功能，那么只须要引用 highmaps.js 便可

　　 var Highcharts = require('highcharts/highmaps');

二、使用bower的安装：

bower install highcharts --save
bower相关文档：http://www.bowercn.com/

•  加载 Highcharts

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

　　<script>

　　　　// 建立图表

　　　　Highcharts.Chart('container', {

　　　　/*Highcharts 配置*/

　　});

</script>

•  加载功能模块

　　在 Highcharts 的基础上增长模块功能，只须要引入相应的模块文件便可

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

• 加载 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>