Html基础知识

<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

```

**

app.py文件

**

# from flask import Flask, render_template
# from random import randrange
# from jinja2 import Markup
#
#
# from pyecharts import options as opts
# from pyecharts.charts import Bar
#
# app = Flask(__name__, static_folder="templates")
#
#
# def bar_base() -> Bar:
#     c = (
#         Bar()
#             .add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])
#             .add_yaxis("商家A", [5, 20, 36, 10, 75, 90])
#             .add_yaxis("商家B", [15, 25, 16, 55, 48, 8])
#             .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
#     )
#     return c
#
#
# @app.route("/")
# def index():
#     return render_template("index.html")
#
# @app.route("/barChart")
# def get_bar_chart():
#     c = bar_base()
#     return c.dump_options_with_quotes()
#
# if __name__ == "__main__":
#     app.run()


#增量更新后端代码也需要相应的改变
from random import randrange

from flask.json import jsonify
from flask import Flask, render_template

from pyecharts import options as opts
from pyecharts.charts import Line


app = Flask(__name__, static_folder="templates")


def line_base() -> Line:
    line = (
        Line()
        .add_xaxis(["{}".format(i) for i in range(10)])
        .add_yaxis(
            series_name="",
            y_axis=[randrange(50, 80) for _ in range(10)],
            is_smooth=True,
            label_opts=opts.LabelOpts(is_show=False),
        )
        .set_global_opts(
            title_opts=opts.TitleOpts(title="动态数据"),
            xaxis_opts=opts.AxisOpts(type_="value"),
            yaxis_opts=opts.AxisOpts(type_="value"),
        )
    )
    return line


@app.route("/")
def index():
    return render_template("index.html")


@app.route("/lineChart")
def get_line_chart():
    c = line_base()
    return c.dump_options_with_quotes()


idx = 9


@app.route("/lineDynamicData")
def update_line_data():
    global idx
    idx = idx + 1
    return jsonify({"name": idx, "value": randrange(50, 80)})


if __name__ == "__main__":
    app.run()

https://pyecharts.org/#/zh-cn/web_flask?id=flask-%e6%a8%a1%e6%9d%bf%e6%b8%b2%e6%9f%93