ChartJS 如何表示从Flask传递到HTML的动态数据

3phpmpom 于 2022-11-06 发布在 Chart.js

关注(0)|答案(1)|浏览(199)

@app.route('/detection')
def detection():
    data = similarity_fun()
    return render_template("detection.html", data = data)

我正在向detection.html传递数据（数据是元组列表的形式，例如（[（'1.txt '，' 20.txt '，74），（'2.txt'，'20.txt'，100），（'1.txt '，' 2.txt '，74）]）。
这个数据列表可以有元组的数量，这取决于用户的输入，所以长度不是固定的。我想把传递给detection.html的数据以图表的形式表示，其中第一个和第二个元素表示图表中的条形名称，每个元组的第三个元素表示百分比。

chart.js

来源：https://stackoverflow.com/questions/73454475/how-to-represent-dynamic-data-passed-from-flask-to-html

1条答案

按热度按时间

b09cbbtk1#

可以使用jinja模板动态创建html表格。

<body>
<table border="1px solid black" style="width:100%" >
    {% for rows in data %}
    <tr> # rows will be the amount of tuples in the list
        {%for columns in rows %} # iterating over the tuples
        <td>
            {{ columns }}
        </td>
        {% endfor %} # ending tuple iteration
        {% endfor %} # ending list iteration
    </tr>

</table>

希望这对你有帮助！

赞(0）回复(0）举报 2022-11-06

我来回答

ChartJS 如何表示从Flask传递到HTML的动态数据

1条答案

相关问题

热门标签

最新问答