echarts饼状图的product显示出来

饼图区域空白处右键，选择数据工作表，进行编辑，增加即可。

找到需要进行编辑的饼图，然后点击数据，使之呈现下图中的选定状态.，在选定的数据上右击鼠标，然后在展开的菜单中点击选择最下面的“设置数据标签格式”.，在标签选项对话框内点击箭头所指的类别名称即可完成类别名称的添加。

类别显示为饼图中的单个扇区。每个类别都会显示在图表图例中。系列组可选。系列作为饼图中的单个扇区显示。每个系列也都显示在图表图例中。

水球图(Liquid Fill Chart)是Echarts的一个插件(在官方文档中没有)，可以用来优雅的展示百分比数据。

HTML中引入水球图:

其中这两个文件都可以在官方github项目中dist目录下获取到， echarts 、 echarts-liquidfill 。

通过npm引入:

注意: echarts-liquidfill@3 版本匹配 echarts@5 版本，echarts-liquidfill@2 版本匹配 echarts@4 版本

像其他echarts图配置一样，都需要配置type属性

通过传入多个数据值来展示多个数值或制造多个波浪的效果

通过设置 waveAnimation 属性为 false，可以实现静止的波浪效果，另外，通过设置 animationDuration 和 animationDurationUpdate 属性的值，可以调整波浪的动画，同样可以实现静止的效果。

通过设置 amplitude(振幅) 属性可以实现水面的效果

水球图不仅能被设定为圆形，也可以被设置为其他形状，如矩形、钻石菱形、箭头型等，也可以设置为包含其容器的形状，甚至可以通过SVG来设定

默认水球图的配置

部分属性：

1、首先打开任一浏览器，找到echarts的API文档中的“配置项”，展开“series”，type=line的就是折线图，此处可以看到折线图的各种设置项与允许的值。

2、打开echarts实例，点击折线图分类，找到并点击最基础的折线图。

3、打开的基础折线图的配置项和运行效果。修改左侧的series配置项，给折线图设置拐点大小为15。

4、点击【运行】按钮，右侧就可以看到拐点图形变大了 symbolSize:15。

5、最后给折线图的拐点图形修改为三角形，修改后，运行，就可以看到图形变成了三角形 symbol:"triangle"。

---