如何使用d3.js从Postgresql获取数据

Question

以前，我使用CSV来存储数据，然后，我正在制作图形。 但是现在我想知道如何使用d3.js从PostgreSQL获取数据。

如果有人知道，请帮助我，我完全是PostgreSQL的新用户。

import psycopg2
import sys
from  flask import Flask,render_template
import os

os.chmod("/home/dell/Charts/static/data/data.csv", 0o777)
con = None
con = psycopg2.connect("host='localhost' dbname='mydb' user='postgres' password='Password'")  
cur = con.cursor()

cur.execute("""COPY data_lc TO '/home/dell/Charts/static/data/data.csv' DELIMITER ',' CSV HEADER;""")

cur.close()

该守则工作正常

但是我想知道有什么方法可以通过D3.js直接从PostgreSQL获取数据

HTML代码

<div class="panel panel-default">
    <div class="panel-heading">
        <h4>LineChart</h4>
    </div>
    <div class="panel-body">
        <div id="linechart"></div>
    </div>
</div>
<script src="static/js/Linechart.js"></script>

Answer 1

您需要在flask中创建一个视图，以查询数据库并将结果作为json返回

import psycopg2
import sys
from  flask import Flask,render_template
from flask import jsonify

@app.route('/data')
def send_data():
    con = psycopg2.connect("host='localhost' dbname='mydb' user='postgres' password='Password'")  
    cur = con.cursor()
    cur.execute("""select * from  data_lc""")
    data = [col for col in cur]
    cur.close()
    return jsonify(data)

然后使用d3，您可以使用

d3.json("https://your_flas_kapp.com/data").then(...)