国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

pyecharts結合flask架構的應用

89542767 / 499人閱讀

  此篇文章通常是詳細介紹了pyecharts結合flask架構,通常是詳細介紹怎樣在Flask架構使得用pyecharts,文中根據實例編碼為大家介紹得非常詳盡,需用的小伙伴可以參考一下


  詳細介紹


  文中通常是詳細介紹怎樣在Flask架構使得用pyecharts,有關Flask架構應用這兒不去做詳細詳細說明~


  Flask模版3D渲染


  首先要建立一個flask項目,flask項目對目錄結構要求較低,但如果是前端后端混和新項目的情況下,模板文件需用儲放在templates文件夾下,不然視圖函數回到模板文件時會提醒找不著相對應的文檔。下邊是flask項目地簡易目錄結構:


  .


  ├──server.py
  └──templates


  下述代碼是server.py中的示例的代碼:


  from flask import Flask
  from jinja2 import Markup,Environment,FileSystemLoader
  from pyecharts import options as opts
  from pyecharts.charts import Bar
  app=Flask(__name__,static_folder="templates")
  def bar_base()->Bar:
  c=(
  Bar()
  .add_xaxis(["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"])
  .add_yaxis("商家A",[5,20,36,10,75,90])
  .add_yaxis("商家B",[15,25,16,55,48,8])
  .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例",subtitle="我是副標題"))
  )
  return c
  app.route("/")
  def index():
  c=bar_base()
  return Markup(c.render_embed())
  if __name__=="__main__":
  app.run()

  運行上述代碼,使用瀏覽器打開http://127.0.0.1:5000即可訪問服務,具體效果如下圖所示:

01.png

  Flask前后端分離


  創建flask項目和上述文件目錄保持一致,前后端分離的情況下,就需要后端將pyecharts生成的圖表返回給前端,方法就是可以將圖表生成到一個html文件中,然后返回給前端即可。


  需要新建HTML文件保存位于項目根目錄的templates文件夾,這里以如下index.html為例.主要用到了jquery和pyecharts管理的echarts.min.js依賴。


  下述是index.html中的代碼:


  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title>Awesome-pyecharts</title>
  <script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
  <script type="text/javascript"src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
  </head>
  <body>
  <div id="bar"style="width:1000px;height:600px;"></div>
  <script>
  $(
  function(){
  var chart=echarts.init(document.getElementById('bar'),'white',{renderer:'canvas'});
  $.ajax({
  type:"GET",
  url:"http://127.0.0.1:5000/barChart",
  dataType:'json',
  success:function(result){
  chart.setOption(result);
  }
  });
  }
  )
  </script>
  </body>
  </html>

  然后就需要編寫后端的代碼了,包括flask服務以及pyecharts生成圖表,目錄結構和模板渲染一致,這里需要注意一個問題,目前由于json數據類型的問題,無法將pyecharts中的JSCode類型的數據轉換成json數據格式返回到前端頁面中使用。因此在使用前后端分離的情況下盡量避免使用JSCode進行畫圖。


  下面是server.py中的后端代碼:


  from random import randrange
  from flask import Flask,render_template
  from pyecharts import options as opts
  from pyecharts.charts import Bar
  app=Flask(__name__,static_folder="templates")
  def bar_base()->Bar:
  c=(
  Bar()
  .add_xaxis(["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"])
  .add_yaxis("商家A",[randrange(0,100)for _ in range(6)])
  .add_yaxis("商家B",[randrange(0,100)for _ in range(6)])
  .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例",subtitle="我是副標題"))
  )
  return c
  app.route("/")
  def index():
  return render_template("index.html")
  app.route("/barChart")
  def get_bar_chart():
  c=bar_base()
  return c.dump_options_with_quotes()
  if __name__=="__main__":
  app.run()


  匯總


  兩篇僅僅詳細介紹了pyecharts模塊某些簡易應用,在官方文檔中還有一些升階應用,常常開展數據分析圖表的開發者們可以參考一下官方文檔開展學習。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/128769.html

相關文章

  • Python測試開發中Django和Flask框架區別

    摘要:在談中框架和框架的區別之前,我們需要先探討如下幾個問題。通過大數據統計分析全球著名的網站對和這兩個框架的調查分析。從全球著名的代碼托管平臺上的和數量上分別為,分別為。 在談Python中Django框架和Flask框架的區別之前,我們需要先探討如下幾個問題。 一、為什么要使用框架? showImg(https://segmentfault.com/img/remote/14600000...

    B0B0 評論0 收藏0
  • 北京全年天氣狀況分析

    摘要:對個月份進行抓取后再匯總,就得到了北京年全年的天氣數據,包括最高溫度最低溫度天氣狀況風向等信息。按月查看溫度走勢日期天氣狀況分布天氣狀況晴天和多云是北京一年中主要的天氣。北京的降水天數不多,主要在月份。 本文來自 @范洺源 投稿,在其基礎上做了點修改 最近在學爬蟲和數據分析,看到 天氣網 上有國內城市一年的天氣歷史數據,想以此為數據源練習一下,于是就有了這個項目。今天在此簡單介紹一下實...

    wupengyu 評論0 收藏0
  • Python繪制折線圖可視化神器pyecharts案例

      小編寫這篇文章的主要目的,主要是用來進行繪制折線圖,在繪制的時候,用到的是Python這門語言,主要應用到的技能是Python pyecharts,利用它去進行繪制折線圖,下面小編就以案例的形式,去給大家詳細的做個介紹?! ∏把浴 ∠嘈庞泻芏嗟男』锇榭戳巳绱硕鄠€案例之后肯定有所發現,每一個案例都對應著每一個配置,如果是官方配置文檔,說實話看起來真的很難,這樣通過案例實現來解決各種參數的配置,我...

    89542767 評論0 收藏0
  • [python]之菜鳥安裝[pyecharts]進入[jupyter notebook]

    摘要:根據一個大神的操作,鏈接是地址放在運行,然后再一次安裝升級再次鍵入安裝這下在就可以引用啦 第一步:升級python 作為一個進軍python的新菜鳥,我遇到了一個問題,在Jupyter Notebook里面我無法使用pyecharts,所以需要安裝,我百度了一個常用方法,在win10下,管理員運行cmd,然后輸入:pip install pyecharts運行之后發現安裝不了,出現以下...

    el09xccxy 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<