Html基础知识

    技术2022-07-11  89

    <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-模板渲染

    Processed: 0.013, SQL: 12