实时产能监控2echarts 柱状配置项内容和展示

实时产能监控

配置项如下
      app.title = '堆叠柱状图';

option = {
    title: {
        text: "生产监控系统",
        subtext: "实时产能监控",
        left: "center"
    },
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器,坐标轴触发有效
            type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        }
    },
    legend: {
        data:['等待中','生产中'],
        left: 'left'
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
             data : ['分拣','清洗','抛光','研磨','脱膜','切割','压膜','压膜分配','光固化后处理','光固化']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    toolbox: {
        right: '5%',
        feature: {
            magicType: { show: true, type: ['tiled','stack','line', 'bar'] },
            restore: { show: true },
            saveAsImage: { show: true }
        }
    },
    series : [
        {
            name:'等待中',
            type:'bar',
            stack: '产量',
            data:[150, 232, 201, 154, 190, 330, 410, 210, 310, 300],
            label:{
                normal: {
                    show: true
                }
            }
        },
        {
            name:'生产中',
            type:'bar',
            stack: '产量',
            data:[620, 732, 701, 734, 1090, 1130, 1120, 800, 1020, 1024],
            label:{
                normal: {
                    show: true
                }
            }
        
        }
    ]
};

    
截图如下