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

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、页面效果：