ITPub博客

首页 > 架构设计 > 软件结构 > 2.企业快速开发平台Spring Cloud+Spring Boot+Mybatis之Highcharts 教程

2.企业快速开发平台Spring Cloud+Spring Boot+Mybatis之Highcharts 教程

原创 软件结构 作者:JIAN2 时间:2022-01-13 10:57:28 0 删除 编辑

 Highcharts 环境配置

本章节我们将为大家介绍如何在网页中使用 Highcharts。

本教程将 Highcharts 与 jQuery 结合使用,所以在加载 Highcharts 前必须先加载 jQuery 库。

 需要框架源码的朋友可以看我个人简介联系我。 推荐分布式架构源码 


安装 jQuery

jQuery 安装可以使用以下两种方式:

  • 1、访问  jquery.com 下载jQuery包。
  • 2、使用 Staticfile CDN 静态资源库的jQuery资源:

    http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js

  • 3、使用百度静态资源库的jQuery资源:

    http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

使用下载的方式

使用下载的方式,在 HTML 页面引入 jQuery 代码:

<head>
   <script src="/jquery/jquery.min.js"></script>
</head>

使用 CDN(推荐)

使用 Staticfile CDN 静态资源库来加载jQuery库:

<head>
   <script src="http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
</head>

安装 Highcharts

Highcharts 安装可以使用以下两种方式:

使用下载的方式(推荐)

使用下载的方式,在 HTML 页面引入 Highcharts 代码:

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

使用 CDN

使用官方提供的 CDN 地址:

<head>
   <script src="http://code.highcharts.com/highcharts.js"></script>
</head>



来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70006413/viewspace-2852030/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
华为资深架构师,曾参与华为数据中心迁移解决方案!有需要了解分布式微服务电商源码的朋友可以+我 v ❤: haiwabbc2 , 10余年互联网研发行业经验!博客里面是个人的一点技术总结,希望能够帮助到更多的IT朋友成长!

注册时间:2021-09-06

  • 博文量
    1404
  • 访问量
    622772