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

别团等shy哥发育

发布于 2023-02-25 16:50:03

1.8K0

发布于 2023-02-25 16:50:03

文章被收录于专栏：全栈开发那些事

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

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:'平均值'}
                           ]
                       }
                   }]