flask+echarts (动态导入csv文件的数据)

1.概述

效果图

折线图+柱状图

1.1 运行环境

VS Code，无需其余插件

1.2 数据样式

csv文件数据样式：每一列代表一种数据，这里有三种数据。其中第一列用折线图表示，第二列用柱状图表示。

2. flask模块

读取csv文件之后，处理里面的数据，再将数据传入HTML里面，让echarts使用这个数据来画图。

from flask import Flask,render_template,request,url_for
import urllib.request
import urllib.parse
from bs4 import BeautifulSoup
import re

import requests  #替代浏览器进行网络请求
import numpy as np
import pandas as pd

#创建应用程序：web应用程序
app=Flask(__name__)

@app.route("/")  
def main():
    #将文件名存储在filename中
    filename='data.csv'   
    # 要读取的csv文件
    data=pd.read_csv(filename)  
    # 处理csv文件的数据
    xaxis=[i for i in range(0,20)]  # 横坐标
    all=data['all'].values.tolist()  # 展示数量1
    now=data['now'].values.tolist()  # 展示数量2
    dup=data['dup'].values.tolist()  # 展示数量3
    # 把数据传入HTML文件里面
    return render_template("test.html",xaxis=xaxis,data_all=all,data_now=now