Highcharts曲线图展示气温（带注释）

最新推荐文章于 2020-12-14 16:05:04 发布

yayun0516

最新推荐文章于 2020-12-14 16:05:04 发布

阅读量4k

点赞数 1

分类专栏： highcharts 文章标签： highcharts jquery

本文链接：https://blog.csdn.net/yayun0516/article/details/42264047

版权

本文通过示例代码展示了如何利用Highcharts库与jQuery结合，创建一个展示气温变化的曲线图表，并添加了相应的注释。

摘要由CSDN通过智能技术生成

代码如下：

<!doctype html>
<html lang="en">
<head>
  <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
  <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/exporting.js"></script>
  <script>
    $(function () {
    $('#container').highcharts({
        title: {//标题
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {//子标题
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {//X轴分组
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul',