}.liquidfill-container{width:100%;height:100%;} 3. itemStyle,emphasis 属性分别给其中一个波浪设置透明度以及 hover 后的样式 <template></template>import'echarts-liquidfill'exportdefault{ name:'LiquidfillTest', mounted () { const data=[0.68,0.5, {//如果只想给其中某一个波浪,比如最后一个波浪设置...
"echarts": "^4.9.0", "echarts-liquidfill": "^2.0.6", 这个版本对应可以用 npm i echarts echarts-liquidfill 1. 2. 3. 4. 5. 6. 2.引入 echart.vue import * as echarts from "echarts"; import "echarts-liquidfill"; mounted() { this.initChart(); window.addEventListener("resize", ...
echarts5.x 版本 适用于 echarts-liquidfill3 echarts4.x 版本 适用于 echarts-liquidfill2
"echarts":"^4.9.0","echarts-liquidfill":"^2.0.6",这个版本对应可以用npm i echarts echarts-liquidfill 2.引入 echart.vue import *asechartsfrom"echarts";import"echarts-liquidfill";mounted() {this.initChart();window.addEventListener("resize",this.resizeChart);},destroyed() {window.removeEvent...
其中这两个文件都可以在官方github项目中dist目录下获取到,echarts、echarts-liquidfill。 通过npm引入: npm install echarts npm install echarts-liquidfill 注意:echarts-liquidfill@3 版本匹配 echarts@5 版本,echarts-liquidfill@2 版本匹配 echarts@4 版本 ...
1、插件官网:https://www.npmjs.com/package/echarts-liquidfill 2、在项目中安装echarts和echarts-liquidfill 代码语言:javascript 复制 npm install echarts npm install echarts-liquidfill 目前安装版本: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bHvx9zrJ-1679034311702)(/upload...
import'echarts-liquidfill/src/liquidFill.js' 4.使用 4.1. 引用依赖 importReactEchartsfrom'echarts-for-react'import'echarts-liquidfill/src/liquidFill.js' 4.2. 构建DOM <ReactEchartsoption={optionIntegrityRate}/> 4.3. 常用的option有 如下为该图片的代码示例 ...
对于Echarts4.9及以下是内置水球图的,但是5.x以上版本是没有的。 https://github.com/ecomfe/echarts-liquidfill 安装 代码语言:javascript 复制 npm install echarts npm install echarts-liquidfill@3 注意: echarts-liquidfill@3 版本匹配 echarts@5 版本,echarts-liquidfill@2 版本匹配 echarts@4 版本 ...
ECharts liquid fill extension. Latest version: 3.1.0, last published: 3 years ago. Start using echarts-liquidfill in your project by running `npm i echarts-liquidfill`. There are 345 other projects in the npm registry using echarts-liquidfill.
created() { this.$nextTick(() => { var echarts = require('echarts'); require('echarts-liquidfill') // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('waterFill')); // 指定图表的配置项和数据 var option = { series: [{