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

最新推荐文章于 2023-08-15 15:53:54 发布

转载最新推荐文章于 2023-08-15 15:53:54 发布 · 1.4k 阅读

文章标签：

#css #html #javascript #js #python

博客讲述了如何通过更改PyEcharts的资源加载地址，利用CDN加速提高网页中Echarts图表的加载速度。作者展示了如何手动修改以及如何自动生成带有CDN链接的代码，从而实现静态资源的快速加载。

作者：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")
)

结果如下：