首页 前端知识 Echarts获取示例json资源

Echarts获取示例json资源

2024-08-08 22:08:56 前端知识 前端哥 219 874 我要收藏

Echarts获取示例json资源

Echarts官网上提供了很多图表例子供我们白嫖,有时候遇到数据量比较大时,它会向后台请求json文件来加载图表数据,但示例中并没有直接给我们提供json文件,这导致我们在使用过程会遇到很多麻烦,本文提供一个小技巧获取示例中的json文件,亲测Edge、Chrome均可

一、打开示例页面

如:https://echarts.apache.org/examples/zh/editor.html?c=graph-label-overlap&lang=ts
在这里插入图片描述
在该实例中我们要获取的是图中的“/data/asset/data/les-miserables.json”文件

二、打开开发者模式

F12:打开开发者模式
找到Network
在这里插入图片描述
Ctrl+R重新刷新页面获取网络资源,滑到最下面,找到“les-miserables.json”:
在这里插入图片描述
右键在新页面打开,再右键另存为json文件即可:
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15017.html
标签
评论
发布的文章

前端-axios应用在html文件

2024-08-15 23:08:39

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!