大家好，我是java1234_小锋老师，最近写了一套【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts)视频教程，持续更新中，计划月底更新完，感谢支持。今天讲解微博评论数据可视化分析-点赞区间折线图实现
视频在线地址：
2026版【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts+爬虫) 视频教程 （火爆连载更新中..）_哔哩哔哩_bilibili
课程简介：
本课程采用主流的Python技术栈实现，Mysql8数据库，Flask后端，Pandas数据分析，前端可视化图表采用echarts，以及requests库，snowNLP进行情感分析，词频统计，包括大量的数据统计及分析技巧。
实现了，用户登录，注册，爬取微博帖子和评论信息，进行了热词统计以及舆情分析，以及基于echarts实现了数据可视化，包括微博文章分析，微博IP分析，微博评论分析，微博舆情分析。最后也基于wordcloud库实现了词云图，包括微博内容词云图，微博评论词云图，微博评论用户词云图等功能。
微博评论数据可视化分析-点赞区间折线图实现
首先准备好微博评论数据分析静态网页模版commentDataAnalysis.html，放到templates下；
{% extends 'base.html' %}
{% block title %}微博评论分析{% endblock %}
{% block content %}
<div class="container-fluid">
<div class="row">
<div class="col-md-12 mb-4 mt-1">
<div class="d-flex flex-wrap justify-content-between align-items-center">
<h4 class="font-weight-bold">微博评论分析</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">评论点赞次数区间图</h4>
</div>
</div>
<div class="card-body">
<div id="dzMain" style="width:100%;height:450px">
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">评论用户性别占比</h4>
</div>
</div>
<div class="card-body">
<div id="xbMain" style="width:100%;height:450px">
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">用户评论词云图</h4>
</div>
</div>
<div class="card-body">
<div id="commentCloudMain" style="width:100%;height:450px;text-align:center">
<img style="width:60%" src="/static/comment_cloud.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block echarts %}
{% endblock %}page.py实现commentDataAnalysis方法：
@pb.route('/commentDataAnalysis')
def commentDataAnalysis():
"""
微博评论数据分析
:return:
"""
commentList = commentDao.getAllComment()
xDzData = [] # 点赞x轴数据
rangeNum = 5
for item in range(0, 20):
xDzData.append(str(rangeNum * item) + '-' + str(rangeNum * (item + 1)))
xDzData.append('1百+')
yDzData = [0 for x in range(len(xDzData))] # 点赞y数据
for comment in commentList:
for item in range(len(xDzData)):
if int(comment[4] < rangeNum * (item + 1)):
yDzData[item] += 1
break
elif int(comment[4]) > 100:
yDzData[len(xDzData) - 1] += 1
return render_template('commentDataAnalysis.html',
xDzData=xDzData,
yDzData=yDzData)前端commentDataAnalysis.html实现折线图代码：
<script>
var chartDom = document.getElementById('dzMain');
var myChart = echarts.init(chartDom);
var option = {
title: {
text: '评论点赞量区间折线图',
left: '1%'
},
legend: {},
tooltip: {
trigger: 'axis'
},
grid: {
left: '5%',
right: '15%',
bottom: '10%'
},
xAxis: {
data: {{ xDzData |tojson }}
},
yAxis: {},
toolbox: {
right: 10,
feature: {
dataZoom: {
yAxisIndex: 'none'
},
restore: {},
saveAsImage: {}
}
},
dataZoom: [
{
show: true,
start: 10,
end: 60
},
],
visualMap: {
top: 50,
right: 10,
pieces: [
{
gt: 0,
lte: 20,
color: '#93CE07'
},
{
gt: 20,
lte: 40,
color: '#FBDB0F'
},
{
gt: 40,
lte: 60,
color: '#FC7D02'
},
{
gt: 60,
lte: 80,
color: '#FD0100'
},
{
gt: 80,
lte: 100,
color: '#AA069F'
},
{
gt: 100,
color: '#AC3B2A'
}
],
outOfRange: {
color: '#999'
}
},
series: {
name: '点赞区间个数',
type: 'line',
data: {{ yDzData }},
markLine: {
silent: true,
lineStyle: {
color: '#333'
},
data: [
{
yAxis: 50
},
{
yAxis: 100
},
{
yAxis: 150
},
{
yAxis: 200
},
{
yAxis: 300
}
]
}
}
}
option && myChart.setOption(option);
</script>