柱状图echarts 柱状配置项内容和展示

最高、最低标注

      option = {
    title : {
        text: '会员统计',
          top: '0%',
          backgroundColor: '#e2e5ff',
          borderRadius: 15,
          textStyle: {
            fontWeight: 'normal',
            fontSize: 16,
            color: '#6c80ff'
          }
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        right: '2%',
        itemWidth: 5,
        data:[{
            name: '客户总数',
            icon: 'circle',
            textStyle: {
                color: '#b1bbca'
            }       
        }, {
            name: '车辆总数',
            icon: 'circle',
            textStyle: {
                color: '#b1bbca'
            }  
            
        }]
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
        }
    ],
    yAxis : [
        {
            type : 'value',
            
        }
    ],
    series : [
        {
            name:'客户总数',
            type:'bar',
            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
            markPoint : {
                data : [
                    {type : 'max', name: '最大值'},
                    {type : 'min', name: '最小值'}
                ]
            },
            itemStyle: {
                color: '#ff9c85'
            }
        },
        {
            name:'车辆总数',
            type:'bar',
            data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
            markPoint : {
                data : [
                    {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183},
                    {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
                ]
            },
            itemStyle: {
                color: '#6b89ff'
            }
        }
    ]
};