pyecharts 生成网页后,资源加载缓慢,你知道怎么解决吗?

作者:ZZULI_星.夜

来源:http://suo.im/6iOFps

本来想好好的弄一下可视化方法学习学习,但是生成的网页加载速度也太慢了(如图)。

随意写一个简单的代码:

from pyecharts import options as opts
from pyecharts.charts import Bar
from pyecharts.faker import Faker


c = (
    Bar()
    .add_xaxis(Faker.choose())
    .add_yaxis("商家A", Faker.values())
    .add_yaxis("商家B", Faker.values())
    .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
    .render("bar_base.html")
)

从图中我们可以发现,静态资源 echarts.min.js 竟然读取了2.0s+的时间,这就非常不能忍了。

于是乎准备采用CDN加速,其中的一个方法就是改变网页源代码。

最新的 echarts.min.js cdn地址:https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js

那么我们更改网页资源加载地址,把上面的删除。

然后查看加载速度:

但是上面这种方法每次都需要手动修改,所有我们让他自动生成,添加如下代码。引入:

from pyecharts.globals import CurrentConfig

执行:

CurrentConfig.ONLINE_HOST = "https://cdn.jsdelivr.net/npm/echarts@latest/dist/"

完整代码如下:

from pyecharts import options as opts
from pyecharts.charts import Bar
from pyecharts.faker import Faker
from pyecharts.globals import CurrentConfig

CurrentConfig.ONLINE_HOST = "https://cdn.jsdelivr.net/npm/echarts@latest/dist/"
c = (
    Bar()
    .add_xaxis(Faker.choose())
    .add_yaxis("商家A", Faker.values())
    .add_yaxis("商家B", Faker.values())
    .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
    .render("bar_base.html")
)

结果如下:

再次打开网页测试:

------end------

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Pyecharts 是一个 Python 的图表库,可以用于生成各种图表,包括柱状图、折线图、散点图、饼图等等。如果要将 Pyecharts 生成的图表嵌入到网页中,可以使用 Flask 或 Django 等 Web 框架来实现。 下面是一个简单的示例,演示如何使用 Flask 和 Pyecharts 生成一个简单的柱状图并将其嵌入到网页中。 1. 安装 Flask 和 Pyecharts 首先需要安装 Flask 和 Pyecharts,可以使用 pip 命令进行安装: ```bash pip install flask pyecharts ``` 2. 编写 Python 代码 ```python from flask import Flask, render_template from pyecharts import options as opts from pyecharts.charts import Bar app = Flask(__name__) @app.route("/") def index(): # 创建柱状图 bar = ( Bar() .add_xaxis(["A", "B", "C", "D", "E"]) .add_yaxis("数据", [5, 15, 20, 25, 30]) .set_global_opts(title_opts=opts.TitleOpts(title="柱状图")) ) # 将图表渲染为 HTML 文件 chart = bar.render_embed() # 渲染模板并将图表嵌入到模板中 return render_template("index.html", chart=chart) if __name__ == "__main__": app.run(debug=True) ``` 3. 编写 HTML 模板 ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>柱状图</title> <!-- 引入 echarts.min.js 和 echarts-gl.min.js --> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts-gl.min.js"></script> </head> <body> <!-- 在这里插入图表 --> {{ chart | safe }} </body> </html> ``` 4. 运行应用程序 在终端中运行以下命令启动应用程序: ```bash python app.py ``` 然后在浏览器中访问 http://localhost:5000,即可看到生成的柱状图。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值