舊版的layuiadmin 自帶的echarts是2.x版本的,以至于某些官網的實例無法使用。

在web控制臺輸入以下命令可以查看echarts的版本

console.log(echarts.version);

升級方法如下：

1、下載最新的?echarts

目前最新的是5.1.2版本

https://github.com/apache/echarts/tree/master/dist

下載完之后長這樣：

2、覆蓋layuiadmin中的echarts

3、修改echarts.js

有兩處修改點，如下:

可直接粘貼過去:

window.layui && layui.define ? layui.define(function(exports){exports('echarts',factory(exports))}) :

?

?

return exports;

4、完了之后就可以像以前一樣使用了，效果如下圖

?

?

?

總結

以上是生活随笔為你收集整理的layuiadmin 升级 echarts组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。