echarts里option的data数据来自本地的json文件,使用myChart.setOption(option,true)加载在前端显示。
我添加了一个click事件,每触发一次click会触发series更新,再通过myChart.setOption(option,true将click结果展示在前端。
但是这样最初的.json文件也会重新加载,由于.json文件很大,因此整体加载很慢,请问有没有什么方法可以不重新加载最初的.json数据?谢谢大佬们。
将json存储到localstorage
https://www.cnblogs.com/webhome/p/6394228.html
自己定义一个json就行了,一开始为空,第一次你那个json加载过来之后赋值一下,然后再加载的话就判断这个定义的json是否为空,如果是有变动的话可以加一个版本号
1.定义一个全局变量chartObj={}, 在window.onload事件之后就开始加载这个json文件,加载完成之后赋值给chartObj;
2.点击按钮之后去判断一下chartObj是否是空对象,如果是的话就给个提示或加个loading效果,在这过程中可以加一个setInterval方法,设置一个100毫秒的
时差检查数据是否加载完成了,加载完成的话就去掉loading显示图表数据;
这样数据就只加载了一次,而且优化了体验