双柱状图

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
    "grid": [
        {
            "show": true,
            "left": "15%",
            "top": "10%",
            "bottom": "2%",
            "containLabel": true,
            "width": "40%"
        },
        {
            "show": true,
            "left": "46%",
            "top": "10%",
            "bottom": "2%",
            "width": "0%"
        },
        {
            "show": true,
            "right": "5%",
            "top": "10%",
            "bottom": "2%",
            "containLabel": true,
            "width": "30%"
        }
    ],
    "xAxis": [
        {
            "type": "value",
            "inverse": true,
            "axisLine": {
                "show": false,

            },
            "axisLabel": {
                "show": false,
            },
            "show": true,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "color": "#eee",
                    "width": "0.5",
                    "type": "solid"
                }
            },
            "axisTick": {
                "show": false
            }
        },
        {
            "gridIndex": 1,
            "show": false
        },
        {
            "gridIndex": 2,
            "axisLine": {
                "show": false,
                "lineStyle": {
                    "color": "#eee"
                }
            },
            "axisLabel": {
                "show": false,

            },
            "show": true,
            "splitLine": {
                "show": false,

            },
            "axisTick": {
                "show": false
            },
            "inverse": false
        }
    ],
    "yAxis": [
        {
            "show": true,
            "position": "right",
            "name": "企业境外市场结构",
            "nameTextStyle": {
                "fontSize": 14,
                "color": "#000",
                "align": "right",
            },
            "axisLabel": {
                "show": true,
                "formatter": "{value}",
                "textStyle": {
                    "color": "#000",
                    "fontSize": 14,
                    "align": "center"
                }
            },
            "axisLine": {
                "show": true,
                "lineStyle": {
                    "width": 0.5,
                    "color": "#1C7FFD"
                }
            },
            "axisTick": {
                "show": false
            },
            "type": "category",
            "data": [
                "美国",
                "墨西哥",
                "爱哦尼西亚",
                "巴西",
                "德国"
            ],
            "offset": 60,
            "inverse": false
        },
        {
            "gridIndex": 1,
            "type": "category",
            "position": "center",
            "show": true,
            "data": [
                "美国",
                "墨西哥",
                "爱哦尼西亚",
                "巴西",
                "德国"
            ],
            "axisLabel": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "inverse": false
        },
        {
            "show": true,
            "gridIndex": 2,
            "type": "category",
            "inverse": false,
            "position": "left",
            "axisTick": {
                "show": false
            },
            "splitLine": {
                "show": false,

            },
            "data": [
                "美国",
                "墨西哥",
                "爱哦尼西亚",
                "巴西",
                "德国"
            ],
            "name": "整体境外市场结构",
            "nameTextStyle": {
                "fontSize": 14,
                "color": "#000",
                "align": "left",
                "padding": [
                    0,
                    0,
                    0,
                    0
                ]
            },
            "axisLabel": {
                "formatter": "{value}",
                "textStyle": {
                    "color": "#000",
                    "fontSize": 14,
                    "align": "center"
                },
                "show": false
            },
            "axisLine": {
                "show": true,
                "lineStyle": {
                    "width": 0.5,
                    "color": "#1C7FFD"
                }
            }
        }
    ],
    "series": [
        {
            "name": "企业境外市场结构",
            "type": "bar",
            "xAxisIndex": 0,
            "yAxisIndex": 0,
            "backgroundStyle": {
                "borderWidth": 1,
                "borderColor": "#00F6FF"
            },
            "label": {
                "show": true,
                "position": "left",
                "textStyle": {
                    "fontSize": 12,
                    "color": "#000",
                    "fontWeight": "normal"
                }
            },
            "barWidth": 8,
            "itemStyle": {
                "color": {
                    "type": "linear",
                    "x": 0,
                    "y": 0,
                    "x2": 1,
                    "y2": 0,
                    "colorStops": [
                        {
                            "offset": 0,
                            "color": "#00A2FF"
                        },
                        {
                            "offset": 1,
                            "color": "#2275FF"
                        }
                    ],
                    "global": false
                }
            },
            "data": [
                22,
                23,
                4,
                56,
                32,
            ]
        },
        {
            "name": "整体境外市场结构",
            "type": "bar",
            "xAxisIndex": 2,
            "yAxisIndex": 2,
            "backgroundStyle": {
                "borderWidth": 1,
                "borderColor": "#F0FF00"
            },
            "label": {
                "show": true,
                "position": "right",
                "textStyle": {
                    "fontSize": 14,
                    "color": "#000",
                    "fontWeight": "normal"
                }
            },
            "barWidth": 8,
            "itemStyle": {
                "color": {
                    "type": "linear",
                    "x": 0,
                    "y": 0,
                    "x2": 1,
                    "y2": 0,
                    "colorStops": [
                        {
                            "offset": 1,
                            "color": "#FFDF57"
                        },
                        {
                            "offset": 0,
                            "color": "#BE810B"
                        }
                    ],
                    "global": false
                }
            },
            "data": [
                5,
                19,
                23,
                43,
                34,
            ]
        }
    ]
};