大家好，我是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 = 5for 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] += 1breakelif int(comment[4]) > 100:yDzData[len(xDzData) - 1] += 1return 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>