温度折线图

最新推荐文章于 2022-08-10 21:26:30 发布

现在是九点五十七分

最新推荐文章于 2022-08-10 21:26:30 发布

阅读量1.7k

点赞数

分类专栏：杂

本文链接：https://blog.csdn.net/qq_43343854/article/details/88889277

版权

杂专栏收录该内容

15 篇文章

订阅专栏

<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({
                chart: {
                    type: 'line'
                },
                title: {
                    text: '我的第一个可视化'
                },
                subtitle: {
                    text: '嗯 这个相对容易操作'
                },
                xAxis: {
                    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
                },
                yAxis: {
                    title: {
                        text: 'Temperature (°C)'
                    }
                },
                tooltip: {
                    enabled: false,
                    formatter: function () {
                        return '<b>' + this.series.name + '</b>' + this.x + ': ' + this.y + '°C';
                    }
                },
                plotOptions: {
                    line: {
                        dataLabels: {
                            enabled: true
                        },
                        enableMouseTracking: false
                    }
                },
                series: [{
                    name: 'A城市',
                    data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
                }, {
                    name: 'B城市',
                    data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6,4.8]
                }]
            });
        });
    </script>
</head>
<body>
    <div id="container" style="min-width:700px;height:400px"></div>
</body>
</html>