Highchart插件下载与安装

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

1、资源包的使用：

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

二、Highchart的安装：

1、使用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');

2、使用bower的安装：

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

加载 Highcharts

　　<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>

转载于:https://www.cnblogs.com/john-sr/p/6012637.html

Highchart插件下载与安装相关推荐

SkinFiner（人像磨皮软件）官方中文版V4.0 | skinfiner插件下载 | skinfiner安装教程
skinfiner是什么软件: SkinFiner是一款优秀高效的全自动专业高品质人像磨皮软件,具有智能磨皮.快速均匀肤色.自然肤色润饰以及快速批量处理等强大功能,可以帮助用户以最简单和最快捷的方式磨 ...
织梦dedecms微信公众平台插件下载及安装方法
织梦dedecms微信公众平台插件下载及安装方法 dedecms教程 dedecms 织梦微信公众平台插件演示图: 安装方法:放到dede程序的plus目录下即可. 接口配置信息按下面说明填写, UR ...
postman插件下载、安装教程
这里只讲如何在Chrome 中安装postman插件下载链接:https://pan.baidu.com/s/1vampHeD0UiDNbrB3G8j_hA 提取码:wqdl 方法/步骤 1.在Ch ...
谷歌浏览器不能上网_谷歌浏览器插件下载及安装教程！
emmm......这篇文章的内容非常小白,相信大部分人都会这个基本操作. 但是阁主相信还有些妹子操作不来,如果还没有男朋友,那不是铁定不会安装谷歌浏览器插件么? 其实"谷歌浏览器+插件&q ...
简单快递单号查询接口API插件下载和安装说明
电商实现物流轨迹查询是通过对接接口或者安装插件就可以实现了插件安装方法如下安装办法第1步:申请授权KEYhttp://www.kdniao.com/reg 本插件是php通用版本,适用php5. ...
vscode c++插件下载_vscode安装教程及插件推荐
Dawn1分钟前这本篇文章将为大家介绍前端常用编辑软件vscode的安装,与vscode一些好用插件的推荐首先我给大家介绍一下vscode对比其他编译软件的有着什么优越之处. 第一,vscode它 ...
Jmeter笔记（2）插件下载与安装
新的版本提供了插件管理器,但是需要自行下载安装. 下载路径: https://jmeter-plugins.org/downloads/all/ 放在lib/ext目录下,然后重启Jmeter,会在菜 ...
ON1 photo raw 2021（ps/lr滤镜插件) 下载及安装
ON1 Photo RAW 2021 for Mac 专为摄影师设计,是终极照片编辑器和原始处理器.它包括功能强大的 Lightroom 和 Photoshop 功能,以及快速照片管理,数百种可自定义 ...
超详细！Chrome 浏览器、浏览器插件下载和安装教程
本文将会以动图的形式,简明扼要教学如何使用chrome浏览器安装浏览器插件. 本教程适用于 chrome浏览器 edge浏览器 qq浏览器搜狗浏览器等等推荐的浏览器还是最新版 chrome浏览器 ...

Highchart插件下载与安装

加载功能模块

加载 Highstock 或 Highmaps

Highchart插件下载与安装相关推荐

最新文章

热门文章