用Echart完成第七次人口普查

最新推荐文章于 2024-01-10 09:38:24 发布

冯甘霖744

最新推荐文章于 2024-01-10 09:38:24 发布

阅读量186

点赞数

文章标签： servlet java 前端

本文链接：https://blog.csdn.net/weixin_56731094/article/details/125432125

版权

本文通过Echarts展示了从1953年至2020年历次全国人口普查的数据，并提供了两种实现方式：一是直接在HTML中内嵌数据绘制折线图；二是通过外部加载数据来更新图表。详细介绍了代码实现过程和效果。

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

一、普通实现方式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            #box{width: 800px; height: 500px;border: 1px aqua solid;}
        </style>
        <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
        <script src="js/dark.js"></script>
        
    </head>
    <body >
        <div style="width: 500px;height: 200px;">1953年全国人口普查数据58260万人<br/>
1964年全国人口普查数据69458万人<br/>
1982年全国人口普查数据100818万人<br/>
1990年全国人口普查数据1133