vue使用echarts-liquidfill水球图不生效

水球图官方链接：

https://www.npmjs.com/package/echarts-liquidfill

安装命令：

npm install echarts --save

npm install echarts-liquidfill --save

main.js引用：

import * as echarts from 'echarts';

import 'echarts-liquidfill'

Vue.prototype.$echarts = echarts;

echarts版本：

"echarts": "^5.2.2"

报错信息：

These dependencies were not found:

* echarts/lib/data/helper/completeDimensions in ./node_modules/echarts-liquidfill/src/liquidFillSeries.js

* echarts/lib/visual/dataColor in ./node_modules/echarts-liquidfill/src/liquidFill.js

To install them, you can run: npm install --save echarts/lib/data/helper/completeDimensions echarts/lib/visual/dataColor

解决办法：

npm i v-charts echarts@4.9.0 -S

降级后可以使用

vue使用echarts-liquidfill水球图不生效相关推荐

vue使用e-charts制作专题图（广西省为例）---第一篇
vue使用E-Charts制作专题图(广西省为例)---第一篇写博客是为了做笔记先给大家看一下效果图: "专题图"顾名思义就是地图的每一部分根据一定的标准,展现出不一样颜色,使 ...
ECharts之水球图
效果图背景图片下载 npm install echarts --save npm install echarts-liquidfill --save 引入并注册在 main.js 文件里 ...
vue中echarts实现水球动画图
实现如上图样式思路:把后面图片用背景图片写入中间水球图使用echarts中的liquidFill 由于自己是在vue中使用的首先要用npm安装 npm i echarts-liquidfill ...
echarts社区水球图、echart水球图动态水球图
目录普通水球图 3/4环形图 4层波浪水球图普通水球图 var value = 0.45; var value1 = 0.76; var data = [value, value1]; var o ...
vue引入Echarts画折线图、平滑曲线图、转化数学公式详解
目录 1 引入Echarts 1.1 安装 1.2 引入 1.3 基本使用 2 基本折线图 3 复杂折线图 3.1 多条折线 3.2 动态变化折线图 4 笛卡尔坐标系中的折线图 5 平滑曲线图 6 折 ...
【echarts】水球图
最新版本的也可以(2021.4.29): 因为过程中有安装当前最新版本的echarts,发现和之前旧版本echarts-liquidfill 不兼容, 就一直有报错. "echarts&qu ...
vue+elementui+echarts饼状图内部显示百分比
<div id="main" style="width: 400px;height: 350px;"></di ...
[vue+elementUI+echarts]echart折线图展示后台传来的数据
最近项目遇到了这个问题,来记录一下,方便以后复制粘贴23333 主要功能: 循环遍历渲染后台传来的一堆数据,然后点击每一条数据的More Info按钮展示对应的折线图表格数据. 引elementUi和 ...
Echarts绘制水球图
注:需要引入liquidFill文件 github地址 var value = 0.12 var data = [] data.push(value) data.push(value) var opt ...

vue使用echarts-liquidfill水球图不生效

vue使用echarts-liquidfill水球图不生效相关推荐

最新文章

热门文章