Ending Balance

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
    "title": [
        {
            "text": "Ending Balance",
            "left": "center",
            "top": "5%"
        },
        {
            "subtext": "('000 RMB)",
            "top": "10%",
            "x": "70%"
        }
    ],
    "legend": {
        "bottom": "5%"
    },
    "tooltip": {},
    "grid": {
        "left": "10%",
        "right": "20%",
        "bottom": "20%",
        "top": "20%",
        "containLabel": true
    },
    "dataset": {
        "source": [
            [
                "it_bp_desc",
                "<1year",
                "1-2years",
                "2-3years",
                ">3years"
            ],
            [
                "Taylor Li",
                11,
                0,
                0,
                0
            ],
            [
                "Kevin Guo",
                660,
                0,
                1,
                0
            ],
            [
                "Shihong Chen",
                722,
                0,
                0,
                0
            ],
            [
                "Tony Tang",
                1121,
                0,
                0,
                0
            ],
            [
                "Spark Wang",
                1208,
                0,
                0,
                0
            ],
            [
                "Julia Ju",
                1738,
                -3,
                471,
                0
            ],
            [
                "Raymond Tang",
                3617,
                0,
                0,
                0
            ],
            [
                "Roger Wu",
                1668,
                2433,
                163,
                0
            ],
            [
                "Annie Ye",
                2781,
                1927,
                0,
                0
            ],
            [
                "Quentin Xu",
                8666,
                138,
                0,
                0
            ]
        ]
    },
    "xAxis": {
        "name": "",
        "type": "value",
        "axisLine": {
            "show": true,
            "symbol": [
                "none",
                "arrow"
            ],
            "symbolOffset": [
                0,
                5
            ]
        },
        "min": 0
    },
    "yAxis": {
        "name": "",
        "type": "category"
    },
    "series": [
        {
            "stack": "0",
            "type": "bar",
            "itemStyle": {
                "normal": {
                    "color": "#8c94a4"
                }
            },
            "emphasis": {
                "shadowBlur": 10,
                "shadowOffsetX": 0,
                "shadowColor": "rgba(0, 0, 0, 0.5)"
            }
        },
        {
            "stack": "0",
            "type": "bar",
            "itemStyle": {
                "normal": {
                    "color": "#74a4fc"
                }
            },
            "emphasis": {
                "shadowBlur": 10,
                "shadowOffsetX": 0,
                "shadowColor": "rgba(0, 0, 0, 0.5)"
            }
        },
        {
            "stack": "0",
            "type": "bar",
            "itemStyle": {
                "normal": {
                    "color": "#9ce484"
                }
            },
            "emphasis": {
                "shadowBlur": 10,
                "shadowOffsetX": 0,
                "shadowColor": "rgba(0, 0, 0, 0.5)"
            }
        }
    ]
}