vue-google-charts离线

由于老大眼光独特,觉得echarts太普通,所以饼图选择了vue-google-charts.由于在现场部署的时候会从外网拉静态文件发现问题。

vue-google-charts离线_第1张图片

这些是从外网拉的镜像文件,我把他下载到本地,项目里。

先测试一下,能不能找到。http://localhost:8080/static/google/charts/offlineSaving/css/core/tooltip.css等等,我是挨个测试的。

一定要注意,他有两个loader.js文件,一个带版本号一个不带。不带版本号的要在vue-google-charts/src/lib/google-charts-loader.js中路径替换成本地的,

vue-google-charts/dist/两个打包之后的文件直接改就好了。只需要把路径改成

在带版本号的loader.js中修改

修改版本号为本地的路径,上面有截图。把current:46改成offlineSaving

在接下来就要将不带版本号的

将里面的https://www.gstatic.com/charts/全部查出来换成自己的./static/google/charts.基本上完成了。一共有八个!之后查看

vue-google-charts离线_第2张图片

 

 

你可能感兴趣的:(vue)