2017-07-03 87 views
0

Python代碼:顯示csv文件

@app.route('/history') 
def history(): 
    return render_template('history.html') 

HTML代碼:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <h2>History</h2> 
     <meta charset="utf-8"> 
     <style> 
      table { 
       border-collapse: collapse; 
       border: 2px black solid; 
       font: 12px sans-serif; 
      } 

      td { 
       border: 1px black solid; 
       padding: 5px; 
      } 
     </style> 
    </head> 
    <body> 
     <!-- <script src="http://d3js.org/d3.v3.min.js"></script> --> 
     <script src="d3min.js?v=3.2.8" href="{{ url_for('static', filename='d3min.js') }}""></script> 

     <script type="text/javascript"charset="utf-8"> 
      d3.text("output.csv", function(data) { 
       var parsedCSV = d3.csv.parseRows(data); 

       var container = d3.select("body") 
        .append("table") 

        .selectAll("tr") 
         .data(parsedCSV).enter() 
         .append("tr") 

        .selectAll("td") 
         .data(function(d) { return d; }).enter() 
         .append("td") 
         .text(function(d) { return d; }); 
      }); 
     </script> 
    </body> 
</html> 

以及CSV文件:

15.3C 94.90% 7/3/2017 1:29 
15.2C 94.90% 7/3/2017 1:59 
14.8C 94.90% 7/3/2017 2:29 
14.7C 95.00% 7/3/2017 2:59 
14.8C 95.00% 7/3/2017 3:29 
14.8C 95.00% 7/3/2017 3:59 
14.6C 95.00% 7/3/2017 4:29 
14.8C 95.00% 7/3/2017 4:59 
14.5C 95.00% 7/3/2017 5:29 
14.8C 95.00% 7/3/2017 5:59 
14.1C 95.00% 7/3/2017 6:29 
14.4C 95.00% 7/3/2017 6:59 
16.0C 90.80% 7/3/2017 7:29 
16.4C 90.00% 7/3/2017 7:59 
17.2C 89.90% 7/3/2017 8:29 
18.1C 87.20% 7/3/2017 8:59 

我想顯示.csv文件在燒瓶中,文件與html文件位於相同的位置,但不顯示其內容。 csv中的值由逗號分隔。如果我在firefox中打開歷史記錄頁面,而不使用flask服務器,它將在一個表格中顯示這些值。 Table with values from csv

回答

0

問題解決了:

<script src="/static/d3min.js" href="{{ url_for('static', filename='d3min.js') }}""></script> 

     <script type="text/javascript"charset="utf-8"> 
      d3.text("/static/output.csv", function(data)