echarts5下使用水球图liquidfill

我用的Echarts版本是5.3.2，总结下使用的一些经验。

安装：

# install echarts as peer dependency
npm install echarts
npm install echarts-liquidfill

需要注意的是：

echarts5.x 版本 适用于 echarts-liquidfill3

echarts4.x 版本 适用于 echarts-liquidfill2

导入：

import * as echarts from 'echarts';
import 'echarts-liquidfill'

API：

官网最新APIhttps://github.com/ecomfe/echarts-liquidfill#api与Echarts官网的配置项风格应该是大同小异的，熟悉的朋友应该很快就能上手。

其中，应该注意一些配置是：

1、data {(number|Object)[]}

data配置项是数据，如果只有一个数据也是允许的，一个数据对应一条波浪，我们一般喜欢使用三到四条数据表示波浪。最重要的，我们的数据必须要用中括号[]，括起来，因为他必须是一个数组，即使你只有一个数据。

 2、color {string[]}

color这个选项是series下最外层的color，我们常用的改变样式的方式，让你的作品变得特别。

其中，这里也要注意这里还是要用中括号括起来[]。不然会不生效。

这里可以使用渐变的效果，具体请参考：

Documentation - Apache ECharts