首页 前端知识 水滴球实现echarts,水滴球不出效果解决

水滴球实现echarts,水滴球不出效果解决

2024-06-20 00:06:48 前端知识 前端哥 785 767 我要收藏

这个图需要下载对应的插件

1:

npm install --save echarts-liquidfill@对应的版本号

 注:eacharts需要和水滴图的版本号对应 !!!过高或过低都没效果

目前已知可生效版本:

一:

"echarts": "^5.3.3",

"echarts-liquidfill": "^3.1.0"

二:

"echarts": "^4.2.1",

"echarts-liquidfill": "^2.0.2"

如果插件下载失败可手动,操作如下:

https://download.csdn.net/download/iseyre/86747515https://download.csdn.net/download/iseyre/86747515

子组件:

注:记得引入:

import * as echarts from "echarts";
import 'echarts-liquidfill/src/liquidFill.js';

<template>
    <div class='box'   :id='id'></div>
</template>

<script>
import * as echarts from "echarts";
import 'echarts-liquidfill/src/liquidFill.js';
export default {
    // num是距离colors是颜色ratioColor是水波纹颜色
    props:['id','num','nums','colors','ratioColor'],
  data() {
    return 
转载请注明出处或者链接地址:https://www.qianduange.cn//article/12929.html
标签
评论
发布的文章

爱心

2024-06-27 17:06:24

读魏书生的心得体会

2024-07-03 14:07:10

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!