假如你是一名计算机学生,你现在需要制作一个有关人事统计的数据可视化项目,请给出代码
时间: 2024-02-16 20:01:14 浏览: 74
好的,这里给出一个使用Python的Flask框架和Echarts库制作人事统计数据可视化项目的示例代码供参考。
首先,安装Flask和Echarts库:
```shell
pip install flask
pip install pyecharts
```
然后,创建一个名为`app.py`的Python文件,编写代码:
```python
from flask import Flask, render_template
from pyecharts import options as opts
from pyecharts.charts import Bar, Pie
from pyecharts.faker import Faker
app = Flask(__name__)
# 定义一个路由,用于渲染人事统计数据可视化页面
@app.route("/")
def index():
return render_template("index.html")
# 定义一个路由,用于渲染柱状图页面
@app.route("/bar")
def bar():
# 创建一个柱状图
bar = Bar()
# 添加x轴数据和y轴数据
bar.add_xaxis(Faker.choose())
bar.add_yaxis("销售额", Faker.values())
# 设置全局配置项
bar.set_global_opts(title_opts=opts.TitleOpts(title="柱状图示例"))
# 返回柱状图的HTML代码
return bar.render_embed()
# 定义一个路由,用于渲染饼图页面
@app.route("/pie")
def pie():
# 创建一个饼图
pie = Pie()
# 添加饼图数据
pie.add("", [list(z) for z in zip(Faker.choose(), Faker.values())])
# 设置全局配置项
pie.set_global_opts(title_opts=opts.TitleOpts(title="饼图示例"))
# 返回饼图的HTML代码
return pie.render_embed()
if __name__ == "__main__":
app.run(debug=True)
```
其中,`index()`函数用于渲染人事统计数据可视化页面,`bar()`函数用于渲染柱状图页面,`pie()`函数用于渲染饼图页面。
接着,在同一目录下创建一个名为`index.html`的HTML文件,编写代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>人事统计数据可视化</title>
<!-- 引入Echarts的CDN链接 -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.0/dist/echarts.min.js"></script>
</head>
<body>
<h1>人事统计数据可视化</h1>
<div id="bar" style="width: 600px;height:400px;"></div>
<div id="pie" style="width: 600px;height:400px;"></div>
<script>
// 使用ajax请求柱状图和饼图的HTML代码,并插入到对应的div中
function renderCharts() {
$.ajax({
url: "/bar",
success: function(embed) {
$('#bar').html(embed)
}
})
$.ajax({
url: "/pie",
success: function(embed) {
$('#pie').html(embed)
}
})
}
// 页面加载完毕后渲染图表
$(document).ready(renderCharts)
</script>
</body>
</html>
```
其中,使用了jQuery库来发送ajax请求,获取柱状图和饼图的HTML代码,并插入到对应的div中。
最后,运行`app.py`文件,并在浏览器中访问`http://localhost:5000/`即可看到人事统计数据可视化页面。
阅读全文