Echarts中最大值、最小值、平均值显示

缺乏、安全感 2023-01-13 10:07 243阅读 0赞

### Echarts中最大值、最小值、平均值配置 ###

*  1、简述
 *  2、最大值、最小值、平均值的配置:
 *  3、页面效果：

# 1、简述 #

markPoint标注  
markLine标线

# 2、最大值、最小值、平均值的配置: #

series:[{
                           name:'日配注水量',
                           type:'bar',
                           yAxisIndex:0,
                           data:waterAllocation,
                           itemStyle: {    //拐点显示值
                               normal: {
                                   label: {
                                       show: true,  //开启显示
                                       position: 'top',  //在上方显示
                                       textStyle: {  //数值样式
                                           color: 'black',
                                           fontSize: 16
                                       }
                                   }
                               }
                           },
                           markPoint:{
                               data:[
                                   {type:'max',name:'最大值'},
                                   {type:'min',name:'最小值'}
                               ]
                           },
                           markLine:{
                               data:[
                                   {type:'average',name:'平均值'}
                               ]
                           }
                       }]

# 3、页面效果： #

![在这里插入图片描述][20210417232902215.png]

[20210417232902215.png]: /images/20221022/f682627326be43faa6e94d1e180aca40.png