zoukankan      html  css  js  c++  java
  • highcharts的引用

     开放 CDN 服务

    1.基础的使用(CDN)

    <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>

    2.功能模块

     在下载的资源包中modules目录下找到

    更多图表类型扩展模块(highcharts-more.js)
    3D 图表模块 (highcharts-3d.js)
    导出功能模块(modules/exporting.js)
    金字塔图表类型(modules/funnel.js)
    钻取功能模块(modules/drilldown.js)
    数据加载功能模块(modules/data.js)
    例如启用导出功能时需要引入的文件及顺序是:
    
    <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> 
    <script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
    

     3.highstock和highmaps

    • Highcharts 基础图表
    • Highstock 股票及大数据量时间轴图表
    • Highmaps 地图

      Highstock是完全包含Highcharts的。是在Highcharts的基础上增加更多高级功能;

      Highmaps则是完全独立的.

        混合使用(重要)

    A. Highcharts + Highstock 时只需要引入 highstock.js
    
    <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://cdn.hcharts.cn/highstock/highstock.js"></script> 
    B. Highcharts + Highmaps 混合使用是需要 引入 highcharts.js + map.js
    
    <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
    
    
    <script src="http://cdn.hcharts.cn/highmaps/modules/map.js"></script> 
    C. Highstock + Highmaps 或 Highcharts + Highstock + Highmaps 混合使用时需引入 highstock.js + map.js
    
    <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://cdn.hcharts.cn/highstock/highstock.js"></script> 
    <script src="http://cdn.hcharts.cn/highmaps/modules/map.js"></script> 

    4.主题

      在 theme目录下。

    给图表加上灰色(Gray)主题时需要引用的文件如下:

    <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> 
    <script src="http://cdn.hcharts.cn/highcharts/themes/gray.js"></script>
    

    以上所有文件均可在我们的 开放 CDN 服务 页面找到。

      

  • 相关阅读:
    UML建模之用例图关系
    python模块介绍
    Delphi操作XML(七)
    Delphi操作XML(一)
    Delphi操作XML(五)
    Delphi操作XML(六)
    Delphi操作XML(二)
    Delphi操作XML(四)
    Delphi操作XML(三)
    决心好好写cnblogs
  • 原文地址:https://www.cnblogs.com/yeyublog/p/6179832.html
Copyright © 2011-2022 走看看