echarts加上横坐标data图就显示不出来【2022-12-22】

最近遇到了一个极其诡异的问题,刚刚解决,赶紧趁热乎记录下来。

问题是这样的。最近在画一张堆叠柱状图,横坐标为周号(年+周),发现这个周没有按照从大到小排列,为了排列,打算显式给定echarts的横坐标值。
这一指定就出事了:好好的chart 突然不显示了。
配置项:

option = {
    "tooltip": {
        "trigger": "axis",
        "axisPointer": {
            "type": "shadow"
        }
    },
    "legend": {
        "type": "scroll",
    },
    "grid": {
        "left": "3%",
        "right": "4%",
        "bottom": "3%",
        "containLabel": true
    },
    "yAxis": {
        "type": "value"
    },
    "xAxis": {
        "type": "category",
        "data": [  // 只要加上这个,图就show 不出来;删掉立马能显示
            202242,
            202241
        ]
    },
    "series": [
        {
            "name": "8",
            "type": "bar",
            "stack": "total",
            "data": [
                [
                    202241,
                    4
                ],
                [
                    202242,
                    5
                ]
            ],
            "itemStyle": {
                "color": "rgb(94,154,215)"
            }
        },
        {
            "name": "11",
            "type": "bar",
            "stack": "total",
            "data": [
                [
                    202241,
                    3
                ],
                [
                    202242,
                    8
                ]
            ],
            "itemStyle": {
                "color": "rgb(10,205,117)"
            }
        },
    ]
}

不加xAxis.data:



加上:



它也不报错,但是chart就是不显示出来,简直诡异有木有!
最后各种招数都想了,突然福至灵心:xAxis是category,series 的data 的横坐标值却都是数字,会不会不匹配?

问题解决了╮(╯▽╰)╭

你可能感兴趣的:(echarts加上横坐标data图就显示不出来【2022-12-22】)