目标效果图:
安装:
npm install echarts
npm install echarts-liquidfill
引入:
Import:
import * as echarts from 'echarts';
import 'echarts-liquidfill' 或 import 'echarts-liquidfill/src/liquidFill.js'
Or:
import * as echarts from 'echarts/core';
import 'echarts-liquidfill
需要注意
(版本问题):
echarts5.x 版本 适用于 echarts-liquidfill3
echarts4.x 版本 适用于 echarts-liquidfill2
报错:
1.
2.
错误原因:
1.
echarts
与echarts-liquidfill
版本不兼容
2.
echarts-liquidfill
插件安装成功,需重启项目(看个人)
3.
echarts
与echarts-liquidfill
版本冲突,(明明重新安装了对应版本缺还是报错),原因:之前进行过多次安转node_modules
里面还有之前安装的版本文件,引入文件时有可能会引入不正确(import 'echarts-liquidfill'
),例如:
echarts
与echarts-liquidfill
都有可能不小心进行多次安装
解决方法:删除不需要的版本文件,重新启动项目