【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库实现了词云图，包括微博内容词云图，微博评论词云图，微博评论用户词云图等功能。

微博文章数据可视化分析-文章分类下拉框实现

首先在templates下加下静态模版文件articleDataAnalysis.html

{% 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 class="col-lg-12 col-md-12">
                <div class="card card-block card-stretch card-height">
                    <div class="card-body p-10">
                        <div>
                            <label>文章分类选择：</label>
                            <select onchange="changeHotWord(event)" style="width: 150px">
                                {% for arcType in arcTypeList %}
​
                                    <option {{ 'selected' if defaultArcType==arcType else '' }}
                                            value="{{ arcType }}">{{ arcType }}</option>
​
                                {% endfor %}
                            </select>
                            <script>
                                function changeHotWord(e) {
                                    window.location.href = 'http://localhost:5000/page/articleDataAnalysis?arcType=' + e.target.value
                                }
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
​
        <div class="row">
            <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="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="plMain" style="width:100%;height:450px">
​
                        </div>
                    </div>
                </div>
​
            </div>
            <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="zfmain" style="width:100%;height:450px">
​
                        </div>
                    </div>
                </div>
​
            </div>
        </div>
​
    </div>
{% endblock %}
{% block echarts %}
​
{% endblock %}

page.py里实现articleDataAnalysis方法：

@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])
    return render_template('articleDataAnalysis.html',
                           arcTypeList=arcTypeList,
                           defaultArcType=defaultArcType)

运行系统：