【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts) 视频教程 - 微博文章数据可视化分析-点赞区间实现

大家好，我是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 = 1000
    for 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] += 1
                break
            elif int(article[4]) > 10000:
                yDzData[len(xDzData) - 1] += 1
                break
    return 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>