使用bootstrap，基于flask框架创建一个图表，展示后端数据

首先，在Flask项目中安装Bootstrap。

pip install flask-bootstrap

接下来，在你的Flask应用程序中导入Bootstrap。

from flask_bootstrap import Bootstrap

app = Flask(__name__)
Bootstrap(app)

现在，我们可以开始构建一个图表来展示后端数据。在这里，我将使用Plotly库来创建图表。首先，你需要安装它：

pip install plotly

现在你可以创建一个Flask路由来渲染图表。

from flask import render_template
import plotly.graph_objs as go
import pandas as pd

@app.route('/chart')
def chart():
    # 获取后端数据
    data = pd.read_csv('data.csv')
    
    # 创建一个散点图
    fig = go.Figure()
    fig.add_trace(go.Scatter(x=data['x'], y=data['y'], mode='markers', name='Data'))
    
    # 设置图表布局
    fig.update_layout(title='My Chart', xaxis_title='X Axis', yaxis_title='Y Axis')
    
    # 将图表转换为HTML
    plot_html = fig.to_html(full_html=False)
    
    # 渲染模板
    return render_template('chart.html', plot_html=plot_html)

在这个例子中，我们假设你已经有了一个名为"data.csv"的CSV文件，其中包含了"x"和"y"两列数据。我们使用Pandas库来读取这个文件。

然后，我们创建一个散点图，并设置图表标题、X轴标签和Y轴标签。

最后，我们使用`to_html()`方法将图表转换为HTML，并将它传递给模板。

在模板中，你可以使用以下代码来显示图表。

{% extends 'base.html' %}

{% block content %}
    <div class="container">
        {{ plot_html | safe }}
    </div>
{% endblock %}

在这个例子中，我们使用了Flask-Bootstrap来创建一个容器，以便图表可以在页面上居中显示。`safe`过滤器用于告诉Jinja2不要对HTML进行转义。

现在，当你访问`/chart`路由时，你将看到一个包含散点图的页面。