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

实时产能监控

      option = {
    title: {
            text: "生产监控系统",
            subtext: "实时产能监控",
            left: "center"
        },
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
   //     formatter: function(params){return Math.max(params.value,-params.value)}
        
        formatter: function (params) {
                    return params[0].name +
                        "<br>生产中：" + params[0].value + 
                        "<br>等待中：" +  -params[1].value;
                }
    },
    legend: {
        data:['等待中', '生产中'],
        left: "right"
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'value'
        }
    ],
    yAxis : [
        {
            type : 'category',
            axisTick : {show: false},
            data : ['分拣','清洗','抛光','研磨','脱膜','切割','压膜','压膜分配','光固化后处理','光固化']
        }
    ],
    series : [

        {
            name:'等待中',
            type:'bar',
            stack: '总量',
            label: {
                normal: {
                    show: true
                }
            },
            data:[400, 241,360, 320, 302, 341, 374, 390, 450, 420]
        },
        {
            name:'生产中',
            type:'bar',
            stack: '总量',
            label: {
                normal: {
                    show: true,
                    formatter: function(params){return -params.value}
                }
            },
            data:[-120, -180,-120, -120, -132, -101, -134, -190, -230, -210]
        }
    ]
};