用Echart完成第七次人口普查
一、普通实现方式
<!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>
<!-- <script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script> -->
</head>
<body >
<div style="width: 500px;height: 200px;">1953年全国人口普查数据58260万人<br/>
1964年全国人口普查数据69458万人<br/>
1982年全国人口普查数据100818万人<br/>
1990年全国人口普查数据113368万人<br/>
2000年全国人口普查数据126583万人<br/>
2010年全国人口普查数据133972万人<br/>
2020年全国人口普查数据141178万人</div>
<div id="box"></div>
<script type="text/javascript">
var myChart=echarts.init(document.getElementById("box"),);
var option={
title:{ text:"七次人口普查数据折线图",
left:'center'},
tooltip:{fromatter:'[{b}年:{c}万人]'},
// legend:{data:[]},
xAxis:{
'name':'年',
data:["1953","1964","1982","1990","2000","2010","2020"],
},
yAxis:{'name':'万人'},
series:[{
name:"人口普查",
type:"line",
data:[58260,69458,100818,113368,126583,133972,141178]
}]
};
myChart.setOption(option)
</script>
</body>
</html>
二、 外部加载数据
1.创建外部数据
2.引入外部数据
运行结果
用Echart完成第七次人口普查相关推荐
- 人口普查系统_晋江市召开第七次人口普查区域划分及标绘系统操作培训会
7月13日,晋江市第七次人口普查区域划分及标绘系统操作培训会在晋江市委党校召开,会议由市社会经济调查队队长蔡家煌主持,邀请泉州市人普办业务骨干王明东.王秀华到会授课,各镇域人普工作业务负责人和业务骨干 ...
- 第七次人口普查,浙江县城人口怎么增加那么多?
一,人口增量 第七次人口普查显示,2020年浙江常住人口64567588人,现对于2010年,十年间共增加10140697人,增长18.63% 一般来说,人口流动遵循这样的规律:乡镇-->县城- ...
- 2020年中国第七次人口普查各省总人口数据可视图(1)
系列:人口交互可视化图表 最近在做plotly可视化交互图标的联系,先做了两张图表,分别是2020年中国第七次人口普查各省市和各城市总人口数据图表: 全国人口是指我国大陆31个省.自治区.直辖市和现役 ...
- 基于可视化 BI 工具 DataEase 制作第七次人口普查数据分析大屏
一.制作第七次人口普查数据大屏的背景介绍: 第七次人口普查刚刚结束,想要制作一个大屏,能够直观的看到人口总数.出生人数.死亡人数等的情况: 希望能够直观的看到人口分布的情况.各种比例.年龄结构等有一定 ...
- 【2020年第七次人口普查】省市县三级人口婚姻状况和妇女生育状况
人口数据是我们在各项研究中最常用的数据之一.人口数据的主要来源是我国每十年进行一次的人口普查,最近一次的人口普查是2020年进行的第七次人口普查,简称七普!很多小伙伴对七普数据翘首以盼,最近<2 ...
- 【2020年第七次人口普查】省市县三级分年龄、性别的人口
人口数据是我们在各项研究中最常用的数据之一.人口数据的主要来源是我国每十年进行一次的人口普查,最近一次的人口普查是2020年进行的第七次人口普查,简称七普! 之前我们介绍了<2020中国人口普查 ...
- Python+Tableau第七次人口普查可视化分析
Python+Tableau第七次人口普查数据分析,绘制历次人口普查人口数量变化图.第七次人口普查不同省份总人口.同时以广东省为例,研究人口,性别分布情况,城镇人口变化. 文章目录 人口普查人口数量变 ...
- 第七次人口普查数据与城镇化
第七次人口普查,既统计人口又统计房屋空置率.城镇化之路进入下半场城市化,差异化发展.房产税马上在一大批城市试点.房地产将何去何从.人口迁移顺序:乡镇->县城->市区->省会城市-&g ...
- 【2020年第七次人口普查】省市县三级人口基本情况
人口数据是我们在各项研究中最常用的数据之一.人口数据的主要来源是我国每十年进行一次的人口普查,最近一次的人口普查是2020年进行的第七次人口普查,简称七普! 本次我们所介绍的是<2020中国人口 ...
最新文章
- 自动驾驶平台,阵营, 主要传感器与场景联系
- Cflow使用具体解释
- JScript多语言语法加亮引擎显示(代码精简)
- 11.3 人工合成数据-机器学习笔记-斯坦福吴恩达教授
- 【PC工具】虚拟串口工具Configure Virtual Serial Port Driver6.9汉化版
- 【PAT乙级】1063 计算谱半径 (20 分)
- ECCV 2012 CSK:《Exploiting the circulantstructure of tracking-by-detection with kernels》论文笔记
- echarts 饼图
- Centos7+LVS-DR+Apache负载均衡web实验
- 虚拟机的文件系统,是否需要碎片清理功能?
- 韩顺平 javascript教学视频_学习笔记24_dom编程开山篇_dom编程实例(乌龟抓鸡)
- 智方8000系医疗器械销售管理系统 免费
- ASP入门(一)环境的搭建
- iphone机型分辨率
- 红旗 Linux 5.0 正式版下载地址
- 专访 HackerOne COO 王宁:尊重规则是漏洞平台成功的秘诀,欢迎更多成人网站进驻 | 宅客...
- 测试开发之前端——No8.HTML5中的媒介事件
- 'Did you install mysqlclient or MySQL-python?' % e 'Did you install mysqlclient or MySQL-pyth
- Android换肤功能实现与换肤框架QSkinLoader使用方式介绍
- vue-element-admin入坑之切换中文版