目标效果图:
安装:
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.
文章来源:https://www.toymoban.com/news/detail-611831.html
错误原因:
1.echarts
与echarts-liquidfill
版本不兼容
2.echarts-liquidfill
插件安装成功,需重启项目(看个人)
3.echarts
与echarts-liquidfill
版本冲突,(明明重新安装了对应版本缺还是报错),原因:之前进行过多次安转node_modules
里面还有之前安装的版本文件,引入文件时有可能会引入不正确(import 'echarts-liquidfill'
),例如:echarts
与echarts-liquidfill
都有可能不小心进行多次安装
解决方法:删除不需要的版本文件,重新启动项目文章来源地址https://www.toymoban.com/news/detail-611831.html
到了这里,关于【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!