当前位置:   article > 正文

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

echarts.min.js加速

作者:ZZULI_星.夜

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

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

随意写一个简单的代码:

  1. from pyecharts import options as opts
  2. from pyecharts.charts import Bar
  3. from pyecharts.faker import Faker
  4. c = (
  5.     Bar()
  6.     .add_xaxis(Faker.choose())
  7.     .add_yaxis("商家A", Faker.values())
  8.     .add_yaxis("商家B", Faker.values())
  9.     .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
  10.     .render("bar_base.html")
  11. )

从图中我们可以发现,静态资源 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/"

完整代码如下:

  1. from pyecharts import options as opts
  2. from pyecharts.charts import Bar
  3. from pyecharts.faker import Faker
  4. from pyecharts.globals import CurrentConfig
  5. CurrentConfig.ONLINE_HOST = "https://cdn.jsdelivr.net/npm/echarts@latest/dist/"
  6. c = (
  7.     Bar()
  8.     .add_xaxis(Faker.choose())
  9.     .add_yaxis("商家A", Faker.values())
  10.     .add_yaxis("商家B", Faker.values())
  11.     .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
  12.     .render("bar_base.html")
  13. )

结果如下:

再次打开网页测试:

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/165082
推荐阅读
相关标签
  

闽ICP备14008679号