最近遇到了一个极其诡异的问题,刚刚解决,赶紧趁热乎记录下来。
问题是这样的。最近在画一张堆叠柱状图,横坐标为周号(年+周),发现这个周没有按照从大到小排列,为了排列,打算显式给定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 的横坐标值却都是数字,会不会不匹配?
问题解决了╮(╯▽╰)╭