zoukankan      html  css  js  c++  java
  • 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 --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>

  • 相关阅读:
    Java中使用Base64编码URL
    JSON Web Token (JWT)入门学习
    1047. 删除字符串中的所有相邻重复项
    1021. 删除最外层的括号
    使用shell获取随机端口<帮你解决端口的占用烦恼>
    初始化一个vue项目并生成完整的目录结构
    mysql-常用字符函数
    设计模式-单例模式-饿汉和懒汉
    Java-指令的重排序
    Java-反射类加载到内存分析
  • 原文地址:https://www.cnblogs.com/john-sr/p/6012637.html
Copyright © 2011-2022 走看看