对比条形图echarts 配置项内容和展示

      option = {
    "title": {
        "show": false
    },
    "tooltip": {  },
    "legend": {
        "textStyle": {
            "fontSize": 12,
            "fontFamily": "Microsoft YaHei",
            "color": "#333"
        },
        "left": "right",
        "top": "top",
        "show": true,
        "type": "scroll",
        "orient": "vertical",
        "data": ["总数", "总数2"]
    },
    "toolbox": {
        "show": false
    },
    "xAxis": [{
        "type": "value",
        "gridIndex": 0,
        "inverse": true,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#333",
            "interval": "auto",
            "rotate": "0"
        },
        "data": null,
        "max": 200
    }, {
        "type": "value",
        "gridIndex": 1,
        "inverse": false,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#333",
            "interval": "auto",
            "rotate": "0"
        },
        "data": null,
        "max": 200
    }, {
        "type": "value",
        "gridIndex": 2,
        "inverse": false,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#333",
            "interval": "auto",
            "rotate": "0"
        },
        "data": [],
        "max": 800
    }],
    "yAxis": [{
        "type": "category",
        "gridIndex": 0,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": false,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#333",
            "interval": "auto"
        }
    }, {
        "type": "category",
        "gridIndex": 1,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#333",
            "interval": "auto"
        }
    }, {
        "type": "category",
        "gridIndex": 2,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#333"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#333",
            "interval": "auto"
        },
        "data": ["02日", "04日", "07日", "15日", "17日", "18日", "21日", "24日", "26日", "30日"]
    }],
    "grid": [{
        "left": "5%",
        "right": "49%",
        "top": 60,
        "bottom": 20
    }, {
        "left": "51%",
        "right": "3%",
        "top": 60,
        "bottom": 20
    }, {
        "left": "5%",
        "right": "3%",
        "top": 60,
        "bottom": 20
    }],
    "series": [{
        "colId": "col402utokg",
        "name": "总数",
        "type": "bar",
        "stack": null,
        "data": [{
            "oldValue": null,
            "value": 70,
            "colb1a4nsv3": "02日"
        }, {
            "oldValue": "6",
            "value": "88",
            "colb1a4nsv3": "04日"
        }, {
            "oldValue": null,
            "value": 167,
            "colb1a4nsv3": "07日"
        }, {
            "oldValue": null,
            "value": 98,
            "colb1a4nsv3": "15日"
        }, {
            "oldValue": "6",
            "value": "86",
            "colb1a4nsv3": "17日"
        }, {
            "oldValue": "711",
            "value": "81",
            "colb1a4nsv3": "18日"
        }, {
            "oldValue": null,
            "value": 123,
            "colb1a4nsv3": "21日"
        }, {
            "oldValue": null,
            "value": 99,
            "colb1a4nsv3": "24日"
        }, {
            "oldValue": "6",
            "value": "67",
            "colb1a4nsv3": "26日"
        }, {
            "oldValue": "111",
            "value": "111",
            "colb1a4nsv3": "30日"
        }],
        "xAxisIndex": 0,
        "yAxisIndex": 0,
        "label": {
            "show": false,
            "color": "#333",
            "position": "inside",
            "fontSize": 12,
            "fontFamily": "Microsoft YaHei"
        }
    }, {
        "colId": "col3kkgr6h9",
        "name": "总数2",
        "type": "bar",
        "stack": null,
        "data": [{
            "oldValue": null,
            "value": 130,
            "colb1a4nsv3": "02日"
        }, {
            "oldValue": "7.7",
            "value": "70.7",
            "colb1a4nsv3": "04日"
        }, {
            "oldValue": null,
            "value": 40,
            "colb1a4nsv3": "07日"
        }, {
            "oldValue": "7.7",
            "value": "70.7",
            "colb1a4nsv3": "15日"
        }, {
            "oldValue": "7.7",
            "value": "70.7",
            "colb1a4nsv3": "17日"
        }, {
            "oldValue": "760.2",
            "value": "70.2",
            "colb1a4nsv3": "18日"
        }, {
            "oldValue": null,
            "value": 130,
            "colb1a4nsv3": "21日"
        }, {
            "oldValue": null,
            "value": 140,
            "colb1a4nsv3": "24日"
        }, {
            "oldValue": "7.7",
            "value": "70.7",
            "colb1a4nsv3": "26日"
        }, {
            "oldValue": "229.7",
            "value": "29.7",
            "colb1a4nsv3": "30日"
        }],
        "xAxisIndex": 1,
        "yAxisIndex": 1,
        "label": {
            "show": false,
            "color": "#333",
            "position": "inside",
            "fontSize": 12,
            "fontFamily": "Microsoft YaHei"
        }
    }],
    "color": ["#3fb1e3", "#6be6c1", "#626c91", "#a0a7e6", "#FF9966", "#96dee8", "#ec7e7f", "#c4ebad"]
}