大家好，我是java1234_小锋老师，最近写了一套【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts)视频教程，持续更新中，计划月底更新完，感谢支持。今天讲解微博文章数据可视化分析-点赞区间实现

视频在线地址：

2026版【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts+爬虫) 视频教程（火爆连载更新中..）_哔哩哔哩_bilibili

课程简介：

本课程采用主流的Python技术栈实现，Mysql8数据库，Flask后端，Pandas数据分析，前端可视化图表采用echarts，以及requests库，snowNLP进行情感分析，词频统计，包括大量的数据统计及分析技巧。

实现了，用户登录，注册，爬取微博帖子和评论信息，进行了热词统计以及舆情分析，以及基于echarts实现了数据可视化，包括微博文章分析，微博IP分析，微博评论分析，微博舆情分析。最后也基于wordcloud库实现了词云图，包括微博内容词云图，微博评论词云图，微博评论用户词云图等功能。

微博文章数据可视化分析-点赞区间实现

后端我们首先根据类别去查询数据，然后初始化x轴数据，然后再遍历数据，统计y轴数据。

@pb.route('/articleDataAnalysis')
def articleDataAnalysis():"""文章数据分析:return:"""arcTypeList = []df = pd.read_csv('./spider/arcType_data.csv')for value in df.values:arcTypeList.append(value[0])# 获取请求参数，如果没获取到，给个默认值 第一个列表数据。defaultArcType = request.args.get('arcType', default=arcTypeList[0])articleList = articleDao.getArticleByArcType(defaultArcType)xDzData = []  # 点赞x轴数据rangeNum = 1000for item in range(0, 10):xDzData.append(str(rangeNum * item) + '-' + str(rangeNum * (item + 1)))xDzData.append('1万+')yDzData = [0 for x in range(len(xDzData))]  # 点赞y轴数据for article in articleList:for item in range(len(xDzData)):if int(article[4]) < rangeNum * (item + 1):yDzData[item] += 1breakelif int(article[4]) > 10000:yDzData[len(xDzData) - 1] += 1breakreturn render_template('articleDataAnalysis.html',arcTypeList=arcTypeList,defaultArcType=defaultArcType,xDzData=xDzData,yDzData=yDzData)

前端图表用柱状图：

<script>// 获取容器元素var barChart = document.getElementById('dzMain');
// 初始化 ECharts 实例var myChart = echarts.init(barChart);// 自定义颜色方案var colors = ['#66CC99', '#FFCC66', '#FF6666', '#6699CC'];
// 配置柱状图选项var option = {title: {text: '点赞区间统计'},tooltip: {trigger: 'item',formatter: '{a} <br/>{b}: {c} (个)'},legend: {},xAxis: {type: 'category',data: {{ xDzData|tojson }},axisLabel: {color: '#333' // 设置 x 轴刻度标签颜色}},yAxis: {type: 'value',axisLabel: {color: '#333' // 设置 y 轴刻度标签颜色}},series: [{name: '点赞数量',type: 'bar',
data:{{ yDzData }},itemStyle: {color: function (params) {return colors[params.dataIndex % colors.length];}},animation: true,  // 启用动画效果animationDuration: 1000,  // 动画持续时间（毫秒）animationEasing: 'elasticOut',  // 动画缓动函数emphasis: {itemStyle: {color: '#3398DB'  // 高亮显示的颜色}}}]};
// 使用配置项显示柱状图myChart.setOption(option);
</script>