zoukankan      html  css  js  c++  java
  • 爬取数据分析——250部电影评分分布统计(基于Flask+Echarts)

    爬取得到了250条电影数据,爬取代码参考:https://www.cnblogs.com/lelezuimei/p/13290097.html,根据电影的评分,画出统计图

    需要导入echarts.min.js

    app.py代码如下

    @app.route('/score')
    def score():
        score = []  # 评分
        num = []   # 每个评分统计出的电影数量
        conn = sqlite3.connect("movie.db")
        cur = conn.cursor()
        sql = " select score,count(score) from movie250 group by score"
        data = cur.execute(sql)
        for item in data:
            score.append(item[0])
            num.append(item[1])
        cur.close()
        conn.close()
        return render_template("score.html",score=score,num=num)
    

    score.html 代码如下

     <div id="main" style=" 1000px;height:400px;"></div><!--这里的id对象下面的script中的document.getElementById("main"); -->
    
     </div>
    <script type="text/javascript">
    var dom = document.getElementById("main");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {
         title: {
            text: '电影评分表'
        },
        color:['#3398db'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        grid:{
            left:'3%',
            right:'4%',
            bottom:'3%',
            containLabel:true
        },
        xAxis: {
            type: 'category',
            data: {{ score|tojson }}
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: {{ num }},
            barWidth:'30%',
            type: 'bar',
    
        }]
    };
    ;
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
           </script>
    
    

    效果图

  • 相关阅读:
    近期遇到的问题 与 总结
    最近使用的控件整理
    sass import 小记
    Visual studio 相关插件
    nodeJs中linq.js学习
    C++ Socket编程步骤
    Qt 多线程同步 与 通信
    信号槽 与事件区别
    Qt 关键宏 转自网络整理
    mongoDB windows安装
  • 原文地址:https://www.cnblogs.com/lelezuimei/p/13302005.html
Copyright © 2011-2022 走看看