Version

5.3.0（actually all 5.x versions have this bug）

Link to Minimal Reproduction

No response

Steps to Reproduce

copy this code to create a gantt chart, when version is 4.+ the xAxis.axisLine can take effect, while it does not work in version 5.+, with the same code.

option = {
    "legend": {
        "show": true,
        "pageIconSize": 12,
        "padding": 5,
        "itemGap": 10,
        "itemWidth": 20,
        "itemHeight": 20,
        "textStyle": {
            "padding": 1,
            "color": "#999999"
        },
        "right": 50,
        "pageIconColor": "#2f4554",
        "pageIconInactiveColor": "#aaa",
        "type": "scroll",
        "data": []
    },
    "grid": {
        "left": 60,
        "right": 50,
        "bottom": 50,
        "top": 50,
        "containLabel": false
    },
    "xAxis": {
        "show": true,
        "name": "",
        "nameTextStyle": {
            "color": "#999999"
        },
        "type": "time",
        "boundryGap": false,
        "axisTick": {
            "show": false
        },
        "axisLine": {
            "lineStyle": {
                "color": "#C089D9",
                "width": 3,
                "type": "dashed"
            },
            "onZero": false,
            "symbol": [
                "circle",
                "rect"
            ],
            "symbolSize": [
                1,
                2
            ],
            "symbolOffset": [
                2,
                3
            ]
        },
        "splitLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "color": "#E9E9E9",
                "type": "solid"
            }
        },
        "axisLabel": {
            "textStyle": {
                "color": "#999999"
            },
            "rotate": 0,
            "hideOverlap": true,
            "showMaxLabel": true,
            "formatter": {
                "year": "{MM}-{dd}\n{yyyy}",
                "month": "{MM}-{dd}\n{yyyy}",
                "day": "{MM}-{dd}\n{yyyy}",
                "hour": "{HH}:{mm}",
                "minute": "{HH}:{mm}",
                "second": "{HH}:{mm}:{ss}",
                "millisecond": "{MM}-{dd}\n{yyyy}",
                "none": "{MM}-{dd}\n{yyyy}"
            }
        },
        "position": "bottom",
        "inverse": false,
    },
    "yAxis": {
        "show": true,
        "nameGap": 20,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "color": "#D9E0E6"
            }
        },
        "nameTextStyle": {
            "color": "#999999"
        },
        "type": "category",
        "inverse": true,
        "axisTick": {
            "show": false
        },
        "axisLabel": {
            "interval": 0,
            "textStyle": {
                "color": "#999999"
            }
        },
        "splitLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "color": "#E9E9E9",
                "type": "solid"
            }
        },
        "data": [
            "task 1",
            "task 2",
            "task 3",
            "task 4",
            "task 5",
            "task 6",
            "task 7",
            "task 8",
            "task 9"
        ],
        "name": "",
        "position": "left",
    },
    "tooltip": {
        "extraCssText": "z-index: 10000;",
        "confine": true,
        "borderWidth": 0,
        "position": "top",
        "trigger": "axis",
        "axisPointer": {
            "type": "none"
        },
        "backgroundColor": "rgba(34, 34, 34, 0.7)"
    },
    "animation": false,
    "series": [
        {
            "name": "Placeholder",
            "type": "custom",
            "encode": {
                "x": [
                    1,
                    2
                ],
                "y": [
                    0
                ]
            },
            "itemStyle": {
                "color": "#3ca0ed"
            },
            "data": [
                [
                    "task 1",
                    "2020-11-30T16:00:00.000Z",
                    "2020-12-01T16:00:00.000Z"
                ],
                [
                    "task 2",
                    "2020-12-01T16:00:00.000Z",
                    "2020-12-02T16:00:00.000Z"
                ],
                [
                    "task 3",
                    "2020-12-02T16:00:00.000Z",
                    "2020-12-03T16:00:00.000Z"
                ],
                [
                    "task 4",
                    "2020-12-03T16:00:00.000Z",
                    "2020-12-04T16:00:00.000Z"
                ],
                [
                    "task 5",
                    "2020-12-04T16:00:00.000Z",
                    "2020-12-05T16:00:00.000Z"
                ],
                [
                    "task 6",
                    "2020-12-05T16:00:00.000Z",
                    "2020-12-06T16:00:00.000Z"
                ],
                [
                    "task 7",
                    "2020-12-06T16:00:00.000Z",
                    "2020-12-07T16:00:00.000Z"
                ],
                [
                    "task 8",
                    "2020-12-07T16:00:00.000Z",
                    "2020-12-08T16:00:00.000Z"
                ],
                [
                    "task 9",
                    "2020-12-08T16:00:00.000Z",
                    "2020-12-09T16:00:00.000Z"
                ]
            ]
        }
    ],
};

Current Behavior

My chart needs to display xAxis.axisLine configuration when xAxis.type = 'time', and yAxis.type = 'category'.
in echart4.+ it can work, but in v5.+ it does not work.

v4.+

v5.+

Expected Behavior

I need the same code has the same effect in v4.+ and v5.+

Environment

- OS: windows10
- Browser:Chrome 99.0.4844.74
- Framework:Vue@2

Any additional comments?

No response