开放 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 服务 页面找到。

 

  

 

相关文章:

  • 2021-08-25
  • 2021-05-28
  • 2021-07-09
  • 2022-12-23
  • 2021-08-07
  • 2021-05-08
  • 2021-08-04
猜你喜欢
  • 2021-11-06
  • 2021-08-18
  • 2022-12-23
  • 2022-12-23
  • 2021-07-06
  • 2021-12-25
相关资源
相似解决方案