文章目錄

• • 準備工作
  • 數據處理
  • 頁面展示

準備工作

導包+添加依賴

數據處理

處理一列評分數據及其出現的次數

@app.route('/score') def score():# 打開文件workBook = xlrd.open_workbook('D:\\PycharmProjects\\flaskProject1\\templates\\xls\\豆瓣電影Top250.xls');score = [] # 評分num = [] # 每個評分所統計出的電影數量sheet1 = workBook.sheets()[0] # 獲得第1張sheet，索引從0開始score1 = sheet1.col_values(4) # 獲取評分信息score2 = Counter(score1)score3 = sorted(score2.items(), key=lambda dict1: score2[0])for item in score3:score.append(item[0])num.append(item[1])return render_template("score.html",score= score,num=num)

頁面展示

<!-- 為 ECharts 準備一個具備大小（寬高）的 DOM --><div id="main" style="width: 100%;height:300px"></div><script type="text/javascript"> var dom = document.getElementById("main"); var myChart = echarts.init(dom); var app = {}; option = null; option = {color:['#3398DB'],tooltip: {trigger: 'axis',axisPointer: {type: 'shadow'}},grid: {left: '3%',right:'4%',bottom:'3%',containLabel:true},xAxis: {type: 'category',data:{{ score|tojson }}<!--['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','999']-->},yAxis: {type: 'value'},series: [{data: {{ num }},<!--[120, 20, 150, 80, 70, 110, 130,200],-->barWidth:'60%',type:'bar'}] }; ; if (option && typeof option === "object") {myChart.setOption(option, true); }</script>

總結

以上是生活随笔為你收集整理的python+xlrd+echarts数据可视化demo的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。