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 341 other projects in the npm registry using echarts-liquidfill.
首先得首先,先下载水波球插件依赖 npm install echarts-liquidfill 然后引用import'echarts-liquidfill' 首先每个水波图都是联调接口后,遍历渲染出来的。 由于大屏区域限制,只能容下四个的位置,所以又做了一个自动轮播。 颜色是指定了六个颜色,根据数据长度循环出来的。 使用: <echartWave ref="waveEchat" :waveLis...
npm install echarts-liquidfill --save 1.echarts-liquidfill基于echarts,所以要确保已经安装了echarts 2.echarts4需要安装echarts-liquidfill@2.0.6版本,echarts5需要安装echarts-liquidfill@3.0.0及以上版本 引入 echarts4的引入方式 import Echarts from 'echarts' import 'echarts-liquidfill’ echarts5的引入...
需要额外安装 echarts-liquidfill npm install echarts-liquidfill --save 1. 安装完也需要在main.js中配置,引入即可 import 'echarts-liquidfill' 1. 配置完就可以使用了 const option = { title:{ text:'尿素罐液位', textStyle:{ fontSize:18, fontWeight: 400, color:'#fff', }, bottom:70, left:2...
echarts-liquidfill@3兼容echarts@5 echarts-liquidfill@2兼容echarts@4 npm install echarts npm install echarts-liquidfill 1. 2. 设置水球图背景色和内边框样式 var option = { series: [{ type: 'liquidFill', data: [0.6, 0.5, 0.4, 0.3], ...
其中这两个文件都可以在官方github项目中dist目录下获取到,echarts、echarts-liquidfill。 通过npm引入: npm install echarts npm install echarts-liquidfill 注意:echarts-liquidfill@3 版本匹配 echarts@5 版本,echarts-liquidfill@2 版本匹配 echarts@4 版本 ...
npm WARN echarts-liquidfill@2.0.4 requires a peer of zrender@^4.0.7 but none is installed. You must install peer dependencies yourself. Note that the version number may change in your case. Install will the version it shows. npm i echarts@^4.2.1 zrender@^4.0.7 ...
首先,需要安装相应的插件。以echarts-liquidfill插件为例,可以通过npm或者yarn命令进行安装: npm install echarts-liquidfill --save 或者 yarn add echarts-liquidfill 安装完成后,可以在Vue组件中使用该插件。在需要使用插件的组件中,首先需要导入插件: import 'echarts-liquidfill' ...
1. 引入echarts-liquidfill 在使用 echarts-liquidfill 之前,首先需要引入 echarts 和 echarts-liquidfill 的相关文件。可以通过 npm 安装或者使用 cdn 进行引入,具体方式如下: 通过npm 安装: ```shell npm install echarts echarts-liquidfill --save ``` 在项目中引入: ```javascript import * as echarts fr...
npm i echarts@^4.8.0 zrender@^4.3.1 如果出现这样的报错 Component series.liquidFill not exists. Load it first. 解决办法 import'echarts-liquidfill/src/liquidFill.js' 4.使用 4.1. 引用依赖 importReactEchartsfrom'echarts-for-react'import'echarts-liquidfill/src/liquidFill.js' ...